diff --git a/snappymail/v/0.0.0/themes/Magnetic/images/background.jpg b/snappymail/v/0.0.0/themes/Magnetic/images/background.jpg new file mode 100644 index 000000000..f1862451b Binary files /dev/null and b/snappymail/v/0.0.0/themes/Magnetic/images/background.jpg differ diff --git a/snappymail/v/0.0.0/themes/Magnetic/images/preview.jpg b/snappymail/v/0.0.0/themes/Magnetic/images/preview.jpg new file mode 100644 index 000000000..f1862451b Binary files /dev/null and b/snappymail/v/0.0.0/themes/Magnetic/images/preview.jpg differ diff --git a/snappymail/v/0.0.0/themes/Magnetic/styles.css b/snappymail/v/0.0.0/themes/Magnetic/styles.css new file mode 100644 index 000000000..18b1a2b07 --- /dev/null +++ b/snappymail/v/0.0.0/themes/Magnetic/styles.css @@ -0,0 +1,129 @@ + +:root { + color-scheme: dark; + + /* MAIN */ + --main-color: #fff; + --main-bg-color: #3C454D; + --main-bg-image: url("images/background.png"); + --link-color: #6AE; + --border-color: #555; + --hr-color: #666; + + --panel-bg-clr: #000; + + /* 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); + + /* MESSAGES */ + --message-list-toolbar-bg-color: #222; + --message-header-bg-clr: #222; + + /* DIALOGS */ + --dialog-clr: #fff; + --dialog-bg-clr: #000; + --dialog-border-clr: #555; + + /* FORMS */ + --btn-clr: #fff; + --btn-bg-clr: #000; + --btn-border-clr: rgba(255,255,255,.20); + + --input-clr: #fff; + --input-bg-clr: #000; + --input-border-clr: #aaa; +} + +::-webkit-scrollbar { + width: 0.8em; +} +::-webkit-scrollbar-track { + background-color: #000; +} +::-webkit-scrollbar-thumb { + background: #666; + border-radius: 5px; + box-shadow: inset 0 0 3px #000; +} + +.thm-message-list-top-toolbar, .thm-message-list-bottom-toolbar { + background-image: linear-gradient(to bottom,#444,#111) !important; +} + +.btn:not(.btn-success):not(.btn-warning):not(.btn-danger) { + box-shadow: inset 0 1px 0 rgba(0,0,0,.2), 0 1px 2px rgba(255,255,255,.05); + text-shadow: 0 -1px 0 rgba(255,255,255,.25); +} +.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; +} + +.messageListItem { + border-left-color: #111; +} + +.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; +} + +#V-Settings-About .rl-logo { + filter: invert(1); +} + +.tabs [id^="tab"]:checked + label { + background: linear-gradient(#555 0%, #000 100%); +} + +.select, select { + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGhlaWdodD0nMTBweCcgd2lkdGg9JzE1cHgnPjx0ZXh0IHg9JzAnIHk9JzEwJyBmaWxsPSdyZ2IoMjU1LDI1NSwyNTUpJz7ilr48L3RleHQ+PC9zdmc+); +} + +#messageItem .b-text-part blockquote, +.b-settings-general .editMainIdentity { + border-color: #999; +}