roundcube_themes/styles/_dark.less

59 lines
1.4 KiB
Plaintext

// Darkbeet modifications based on elastic skin
@import "_darkc";
@import "_colors";
html.dark-mode {
// Have a black background when writing an email
// .tox {
// .tox-edit-area__iframe {
// background-color: @color-dark-popover-background;
// color: @color-white;
// }
// }
#taskmenu {
a {
&.selected {
color: @color-white;
background-color: @color-dark-list-selected-background;
}
}
.action-buttons a {
color: @color-white;
}
}
.menu
a.compose::before {
color: @color-white;
}
#layout > div > .header,
#layout-menu {
background-color: @color-dark-popover-background;
border: unset;
}
#layout-menu .special-buttons a:not(:focus) {
background: @color-dark-border;
}
// The two following are to get lighter borders when composing message (to: and subject:), when focus
.custom-file-label:focus:not(.is-invalid), .form-control:focus:not(.is-invalid) {
border-color: 3f;
}
.recipient-input.focus {
border-color: @color-light-main !important;
}
// Get dotted line around attachment brighter
.file-upload {
border: .2rem dashed @color-main;
}
#messagelist {
border: @color-dark-border 1px solid;
background-color: @color-darker-background;
}
}