<table><tr><td style="">dvratil created this task.<br />dvratil added projects: KDE PIM, VDG.
</td></tr></table><br /><div><strong>TASK DESCRIPTION</strong><div><p>I'd like to discuss here, with the help from VDG how we could improve the Kontact UI to look more modern and slick.</p>

<p>I started by looking at KMail because that's our main and most important component, I'll keep updating this as I get to other components.</p>

<p>This is the current default look of KMail in Kontact:<br />
<a href="https://phabricator.kde.org/F3873910" style="background-color: #e7e7e7;
          border-color: #e7e7e7;
          border-radius: 3px;
          padding: 0 4px;
          font-weight: bold;
          color: black;text-decoration: none;" rel="noreferrer">F3873910: kmail-current.png</a></p>

<p>This is the look after some of my attempts for improvements:</p>

<ul class="remarkup-list">
<li class="remarkup-list-item">monochromatic Breeze icons in the side pane without text</li>
<li class="remarkup-list-item">no frames around the side pane and the folder view</li>
<li class="remarkup-list-item">the folder view has the same background as the window to visually separate from the message list</li>
<li class="remarkup-list-item">the folder view does not have tree lines</li>
<li class="remarkup-list-item">the top-level "Account" folder is bold, the first "email" subfolder is not indented, but is on the same level as the "Account" folder - saves us a little bit of horizontal space as we effectively reduced the indentation by one level. The "Account" folders are separated by horizontal line and large padding (visible on the second screenshot)</li>
<li class="remarkup-list-item">the message list theme is using palette colors</li>
<li class="remarkup-list-item">the vertical color bar in message view off by default</li>
</ul>

<p><a href="https://phabricator.kde.org/F3873914" style="background-color: #e7e7e7;
          border-color: #e7e7e7;
          border-radius: 3px;
          padding: 0 4px;
          font-weight: bold;
          color: black;text-decoration: none;" rel="noreferrer">F3873914: kontact-modern.png</a><br />
<a href="https://phabricator.kde.org/F3873917" style="background-color: #e7e7e7;
          border-color: #e7e7e7;
          border-radius: 3px;
          padding: 0 4px;
          font-weight: bold;
          color: black;text-decoration: none;" rel="noreferrer">F3873917: kontact-modern-2.png</a></p>

<p>I'd like to get some input from <a href="https://phabricator.kde.org/tag/vdg/" style="background-color: #e7e7e7;
          border-color: #e7e7e7;
          border-radius: 3px;
          padding: 0 4px;
          font-weight: bold;
          color: black;text-decoration: none;" rel="noreferrer">#vdg</a>: is this a step in the right direction? Do you have any comments, especially regarding the folder tree?</p></div></div><br /><div><strong>TASK DETAIL</strong><div><a href="https://phabricator.kde.org/T6854" rel="noreferrer">https://phabricator.kde.org/T6854</a></div></div><br /><div><strong>To: </strong>dvratil<br /><strong>Cc: </strong>VDG, KDE PIM, dvratil, skadinna, dvasin, aaronhoneycutt, winterz, vkrause, mlaurent, mbohlender, knauss<br /></div>