Page MenuHomePhorge
Files F234009

No OneTemporary
Actions

View Options

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 <contact@kolabsystems.com>
*
* 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 @@
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
html, body { height: 100%; overflow: hidden; }
body { background: url(images/watermark.svg) center no-repeat #fff; background-size: 60%; }
-body:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255, 255, 255, .75); }
+html:not(.dark-mode) body:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255, 255, 255, .75); }
+html.dark-mode > body {
+ background-color: #21292c;
+ background-blend-mode: soft-light;
+}
</style>
+<script>
+ try {
+ if (document.cookie.indexOf('colorMode=dark') > -1
+ || (document.cookie.indexOf('colorMode=light') === -1 && window.matchMedia('(prefers-color-scheme: dark)').matches)
+ ) {
+ document.documentElement.className += ' dark-mode';
+ }
+ } catch (e) { }
+</script>
</head>
<body></body>
</html>

File Metadata

Mime Type
text/x-diff
Expires
Sat, Apr 5, 4:02 PM (22 h, 14 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
175775
Default Alt Text
(4 KB)

Event Timeline