mirror of
https://github.com/the-djmaze/snappymail.git
synced 2026-09-07 16:37:02 +03:00
162 lines
3.9 KiB
CSS
162 lines
3.9 KiB
CSS
|
|
:root {
|
|
/* MAIN */
|
|
--main-color: #fff;
|
|
--main-bg-color: #48525C;
|
|
--main-bg-image: url("images/background.jpg");
|
|
|
|
/* LOADING */
|
|
--loading-color: #ddd;
|
|
--loading-text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
|
|
|
/* LOGIN */
|
|
--login-color: #eee;
|
|
--login-bg-color: rgba(0,0,0,0.5);
|
|
--login-box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
|
|
--login-border: none;
|
|
--login-border-radius: 7px;
|
|
|
|
/* MENU */
|
|
--dropdown-menu-color: #333;
|
|
--dropdown-menu-bg-color: #fff;
|
|
--dropdown-menu-hover-bg-color: #48525C;
|
|
--dropdown-menu-hover-color: #eee;
|
|
--dropdown-menu-disable-color: #999;
|
|
|
|
/* FOLDERS */
|
|
--folders-color: #fff;
|
|
--folders-disabled-color: #aaa;
|
|
--folders-selected-color: #fff;
|
|
--folders-selected-bg-color: rgba(0,0,0,0.5);
|
|
--folders-focused-color: #fff;
|
|
--folders-focused-bg-color: rgba(0,0,0,0.7);
|
|
--folders-hover-color: #fff;
|
|
--folders-hover-bg-color: rgba(0,0,0,0.5);
|
|
--folders-drop-color: #fff;
|
|
--folders-drop-bg-color: rgba(0,0,0,0.5);
|
|
|
|
/* SETTINGS */
|
|
--settings-menu-color: #fff;
|
|
--settings-menu-selected-color: #fff;
|
|
--settings-menu-selected-bg-color: rgba(0,0,0,0.5);
|
|
--settings-menu-hover-color: #fff;
|
|
--settings-menu-hover-bg-color: rgba(0,0,0,0.5);
|
|
|
|
/* MESSAGE LIST */
|
|
--message-list-toolbar-bg-color: #eee;
|
|
}
|
|
|
|
.thm-message-list-top-toolbar, .thm-message-list-bottom-toolbar {
|
|
background-image: linear-gradient(to bottom,#444,#111) !important;
|
|
background-repeat: repeat-x !important;
|
|
color: var(--main-color);
|
|
}
|
|
|
|
.btn:not(.btn-success):not(.btn-warning):not(.btn-danger) {
|
|
border-color: rgba(255,255,255,.15) rgba(255,255,255,.15) rgba(255,255,255,.25);
|
|
box-shadow: inset 0 1px 0 rgba(0,0,0,.2), 0 1px 2px rgba(255,255,255,.05);
|
|
color: var(--main-color);
|
|
text-shadow: 0 -1px 0 rgba(255,255,255,.25);
|
|
background-color: #000;
|
|
}
|
|
.btn:not(.btn-success):not(.btn-warning):not(.btn-danger).active,
|
|
.btn:not(.btn-success):not(.btn-warning):not(.btn-danger):active {
|
|
box-shadow: inset 0 2px 4px rgba(255,255,255,.5), 0 1px 2px rgba(255,255,255,.25);
|
|
}
|
|
.btn .icon-spinner {
|
|
border-color: #333;
|
|
border-top-color: #ccc;
|
|
}
|
|
.btn .caret {
|
|
border-top-color: var(--main-color);
|
|
}
|
|
|
|
.well,
|
|
#rl-popups > dialog,
|
|
.b-settins-right .b-content,
|
|
.messageList,
|
|
.messageView,
|
|
.b-admin-right .b-content,
|
|
#V-PopupsCompose .b-attachment-place {
|
|
background-color: #000;
|
|
border-color: #555;
|
|
color: var(--main-color);
|
|
}
|
|
|
|
.legend,
|
|
dialog header, dialog footer,
|
|
.table td, .table th {
|
|
border-color: #555 !important;
|
|
}
|
|
|
|
.legend,
|
|
#V-PopupsCompose .b-header .e-identity,
|
|
.messageView .messageItem {
|
|
color: var(--main-color);
|
|
}
|
|
|
|
.rl-mobile .squire-toolbar,
|
|
#V-PopupsCompose .b-attachment-place.dragAndDropOver {
|
|
background-color: #222;
|
|
}
|
|
|
|
.g-ui-link,
|
|
.messageView .messageItemHeader .informationShort a,
|
|
.messageView .messageItem .bodyText .b-text-part a {
|
|
color: #6AE;
|
|
}
|
|
|
|
.messageView .messageItemHeader,
|
|
.messageView .messageItem .pgpEncrypted,
|
|
.messageView .messageItem .pgpSigned,
|
|
.messageView .messageItem .readReceipt,
|
|
.messageView .messageItem .showImages,
|
|
.messageView .messageItem .attachmentsPlace,
|
|
.messageView .messageItem .attachmentsControls {
|
|
background-color: #222;
|
|
border-bottom-color: #444;
|
|
}
|
|
|
|
.messageListItem {
|
|
border-left-color: #111;
|
|
color: #EEE;
|
|
}
|
|
|
|
.table-hover tbody tr:hover td,
|
|
.table-hover tbody tr:hover th {
|
|
background-color: #333;
|
|
}
|
|
|
|
.table-striped tbody tr:nth-child(2n+1) td,
|
|
.table-striped tbody tr:nth-child(2n+1) th {
|
|
background-color: #111;
|
|
}
|
|
|
|
.b-admin-about .rl-logo {
|
|
filter: drop-shadow(0 0 1px #FFF);
|
|
}
|
|
|
|
.b-folders li a.focused {
|
|
background-color: #111;
|
|
}
|
|
|
|
.tabs [id^="tab"]:checked + label {
|
|
color: #000;
|
|
}
|
|
|
|
input, textarea, .select, select, .emailaddresses {
|
|
background-color: #000;
|
|
border-color: #aaa;
|
|
color: #fff;
|
|
}
|
|
.select, select {
|
|
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='10px' width='15px'><text x='0' y='10' fill='rgb(255,255,255)'>▾</text></svg>");
|
|
}
|
|
|
|
hr {
|
|
border-color: #666;
|
|
}
|
|
|
|
.b-settings-general .editMainIdentity {
|
|
border-color: #999;
|
|
}
|