diff --git a/skins/kolab/styles/_styles.less b/skins/kolab/styles/_styles.less index e0236fbf1..002eba042 100644 --- a/skins/kolab/styles/_styles.less +++ b/skins/kolab/styles/_styles.less @@ -1,113 +1,117 @@ /** * Styles for the Kolab web client variant of the Roundcube Elastic skin * * Copyright (C) 2018, Kolab Systems AG * * The contents of this folder can be redistributed and/or modified * under the terms of the GNU Affero General Public License as published * by the Free Software Foundation, either version 3 of the License, * or (at your option) any later version. */ // Modify taskmenu behavior #taskmenu { span.inner { text-transform: uppercase; } @media screen and (min-width: (@screen-width-medium + 1px)) and (min-height: 640px) { span.inner { font-size: 65%; font-weight: bold; } a:before { line-height: 1.2; font-size: 180%; height: 1.9rem !important; } } @media screen and (min-width: (@screen-width-small + 1px)) { a.logout:not(:hover) { color: @color-taskmenu-button !important; } } .action-buttons { display: none; } } // Fix mobile menu header background #layout-menu .popover-header { background-color: @color-taskmenu-background !important; img { width: 100%; html.layout-phone & { width: unset; max-height: @layout-header-height; } } } .watermark { background-image: url(../images/watermark.svg) !important; background-size: 60% !important; background-blend-mode: unset !important; - &:before { + html:not(.dark-mode) &:before { background: rgba(255, 255, 255, 0.75) !important; } + + html.dark-mode & { + background-blend-mode: soft-light !important; + } } // Display the Compose button in mail toolbar body.task-mail .menu a.compose { display: block !important; } // Move the contact photo in mail preview to the right #message-header .short-header img.contactphoto { order: 2; margin: 0 0 0 1rem; } // Make the content frame navigation smaller .content-frame-navigation { height: @layout-footer-small-height !important; line-height: @layout-footer-small-height !important; min-height: @layout-footer-small-height !important; a { max-width: 8em; padding: 0; line-height: @layout-footer-small-height; &:before { display: none !important; height: @layout-footer-small-height !important; line-height: @layout-footer-small-height !important; } &.prev, &.next { padding: 0; &:before { display: block !important; line-height: 1.8; } span.inner { display: none; } } span.inner { color: @color-link; font-weight: bold; } } } diff --git a/skins/kolab/watermark.html b/skins/kolab/watermark.html index 69147edda..90e0b9826 100644 --- a/skins/kolab/watermark.html +++ b/skins/kolab/watermark.html @@ -1,12 +1,25 @@ +