dark mode for the webmailer from all-inkl.com
webmail.all-inkl.com - dark mode by d3n1c1d3
Details
Authord3n1c1d3
LicenseNo License
Categorywebmail.all-inkl.com
Created
Updated
Size21 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
change log
2024-06-16
background for image viewer attachments
2024-03-01
Login Screen separated to avoid style of mail content
added first support for mobile subdomain
2024-02-20
Mail Header Tab added
Login screen added
version date separated by dash
removed urls starts for login
some style alphabetic sorting
2024-02-12
Message Info: for e.g. no email was found in search
2024-02-02
correction for unseen mails
2024-01-31
corrections for signatures & attachments
change to user style
removed scrollbar style
2024-01-15
home, calendar, settings added
2024-01-12
popup background color e.g. shown on close a draft
2024-01-10
optimized style
2024-01-09
style created
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name webmail.all-inkl.com - dark mode
@namespace webmail.all-inkl.com
@version 2024-06-16.22.13
@description dark mode for the webmailer from all-inkl.com
@author d3n1c1d3
==/UserStyle== */
@-moz-document domain("webmail.all-inkl.com") {
/* so this style apears on the anywhere on the domain */
}
@-moz-document domain("webmail.all-inkl.com") {
/* so this style apears on the anywhere on the domain */
/* login */
body.a #content ,
body.a #wrap {
background-color: #0f0f0f;
}
body.a form {
background: #000;
border-color: #3333;
box-shadow: 0 0 5px #333;
}
body.a form .security-url {
background: #3a361d;
color: #FFF;
}
body.a .security-url-addressbar {
filter: invert(1);
}
body.a select {
background-color: #000;
border: 1px solid #333;
color: #ddd;
}
body.a button:focus, body.a input:focus, body.a select:focus, body.a textarea:focus {
box-shadow: rgba(255,255,255,.4) 0px 0px 4px;
outline: none;
}
}
@-moz-document url-prefix("https://webmail.all-inkl.com/?") {
body {
color: #ddd;
background: #0f0f0f;
}
a {
color: #ddd;
}
a:hover {
color: #ddd;
}
body.mce-content-body {
background: unset;
color: unset;
}
button:focus, input:focus, select:focus, textarea:focus {
box-shadow: rgba(255,255,255,.4) 0px 0px 4px;
outline: none;
}
#mail-toolbar {
background: linear-gradient(#010101,#010101);
}
#main {
background: #0f0f0f;
}
#mail-content {
background: #090909;
}
.msg-success ,
.msg-note {
color: #000;
}
.msg-info {
background-color: #041f36;
}
.aiwm-mail-sendmailtab-content .attachList .info-bg {
border-top-color: #000;
border-left-color: #000;
border-bottom-color: #000;
background: linear-gradient(#141414,#282828);
}
.aiwm-mail-sendmailtab-content .attachList {
background-color: #000;
border-color: #333;
}
#mail-attach {
background-color: #000;
border-color: #666;
}
#mail-attach .attachments {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAMZQTFRFAAAAxsbGyMjIz8/Pzs7Ozc3Ny8vLqqqq0tLSzs7OzMzMz8/PzMzMzs7OycnJzc3Nzc3NzMzMz8/PzMzMzs7O1NTUzs7Ozs7OzMzMzs7O0NDQzs7Ozc3N1NTUzc3Nz8/Py8vLzc3Nzc3Nz8/P////xsbGysrKzMzMy8vLzs7Ozc3Nzs7O0NDQzc3Nzs7Oz8/Pzs7OzMzMz8/Pzs7Ozc3NzMzM0dHRzc3Ny8vLy8vLzMzMzMzMzMzMzs7OxMTEzc3N////0dHRspxtegAAAEJ0Uk5TABIOEFNmRQMRXWQ6PDkTXGUjTxReElkVX2IrKkIMSDVeW1EwAgkiWixUOD4mVklFWDJKRGBVHCRKQAVLCkMNLgEL2EDZ3QAAAJxJREFUeJxNz8cWglAMBNBRHCmiDxULiGIFC/be9f9/SiwgWc09yWIC/CeVTgBShszKMRVVy+nMf3MBkjCKQEl9s2yKyodyVYSs1S1bGA2nKbfohsdtq9Ex7C57LWb7GHQszzeGI44/xISBR2dKd8Z5SJgLKBq5XHH9JjZbYKfvDz/iyAA4nSPi4vOaE3T6UdHbgTTvj8QnTyVe4gUP2A0kTMZEOAAAAABJRU5ErkJggg==)
}
#mail-attach .attachments-bg {
background: linear-gradient(#363636,#1b1b1b);
}
#mail-attach .attachments .item {
border-right: 1px solid transparent;
border-left: 1px solid transparent;
}
#mail-attach .attachments .item:hover {
background: linear-gradient(#000,#222);
border-right: 1px solid #333;
border-left: 1px solid #333;
color: #fff !important;
}
/*
#aijs-dropdown {
filter: invert(1);
}
#aijs-dropdown .title {
color: #000;
}
#aijs-dropdown .item {
color: #000;
}
#aijs-dropdown .item.hover {
background: #363636;
color: #FFF;
}
*/
.aijs-popup {
background-color: #000;
box-shadow: rgba(255,255,255,0.5) 0px 2px 5px;
}
#aijs-dropdown {
background-color: #222;
border-color: #666;
}
#aijs-dropdown .title {
background: linear-gradient(#333,#000);
}
#aijs-dropdown .item.hover {
background-color: #000;
}
#aijs-dropdown .seperator {
border-color: #666;
}
.aijs-popup.dirmovepopup .dirlist {
background-color: #000;
}
.aijs-popup.dirmovepopup .dirlist .active {
background-color: #322602;
}
#mail-maillisthead {
background-color: #111;
border-color: #333;
}
#mail-maillisthead th.select:hover, #mail-maillisthead th.flaggedcell:hover, #mail-maillisthead th.pflagcell:hover, #mail-maillisthead th.flaggs:hover, #mail-maillisthead.v th:hover, #mail-maillisthead th.sortable:hover {
background-color: #3d3d3d !important;
color: #fff;
}
#mail-maillist {
background-color: #000;
border-color: #666;
}
#mail-maillist tr.contextmenu td {
background-color: #282828;
}
#mail-maillist tr.contextmenu:hover td {
background-color: #282828;
}
#mail-maillist.h tr.odd td {
border-bottom: 1px solid #333;
}
#mail-maillist tr.active:hover td {
background-color: #E2013D40;
}
#mail-maillist.h tr.odd td ,
#mail-maillist.h tr.even td {
border-color: #ffffff40;
}
#mail-maillist tr.active td {
background-color: #E2013D80;
}
#mail-maillist tr:hover td {
background-color: #171717;
}
#mail-maillist.h tr.unseen td {
color: #FFF;
}
#mail-search-options, #mail-dirlist {
background-color: #000;
border-color: #333;
}
#mail-dirlist ul, #mail-dirlist ul li {
background-color: #000;
}
#mail-dirlist ul li a {
background-color: #000;
}
#mail-dirlist ul li.active > a {
background-color: #333;
}
#mail-dirlist ul li.hover > a, #mail-dirlist ul li a:hover {
background-color: #1f1f1f;
}
#mail-mailheader {
border-color: #666;
background-color: #000;
}
#mail-mailheader-content {
background: linear-gradient(#282828,#000);
}
#mail-mailheader .title ,
#mail-mailheader .info {
text-shadow: 1px 1px 0px rgba(0,0,0,0.4), 0px 1px 0px rgba(0,0,0,0.4);
}
#mail-mailheader .nextunseen, #mail-mailheader .to {
color: #FFF;
}
#mail-mailheader td.action .item {
filter: invert(1);
}
#mail-mailheader td.action .item:hover {
filter: invert(0)
}
#aiwm-move {
color: #000;
}
/* großer geschlossener briefumschlag */
#mail-mailframe {
border-color: #666;
}
#mail-mailframe iframe {
background-color: #000;
}
#mail-mailframe-count-overlay {
background-color: #000;
}
#mail-mailframe-count-overlay span {
color: #000;
}
.aiwm-mail-sendmailtab-content .attachList .info {
background: #363636 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAMZQTFRFAAAAxsbGyMjIz8/Pzs7Ozc3Ny8vLqqqq0tLSzs7OzMzMz8/PzMzMzs7OycnJzc3Nzc3NzMzMz8/PzMzMzs7O1NTUzs7Ozs7OzMzMzs7O0NDQzs7Ozc3N1NTUzc3Nz8/Py8vLzc3Nzc3Nz8/P////xsbGysrKzMzMy8vLzs7Ozc3Nzs7O0NDQzc3Nzs7Oz8/Pzs7OzMzMz8/Pzs7Ozc3NzMzM0dHRzc3Ny8vLy8vLzMzMzMzMzMzMzs7OxMTEzc3N////0dHRspxtegAAAEJ0Uk5TABIOEFNmRQMRXWQ6PDkTXGUjTxReElkVX2IrKkIMSDVeW1EwAgkiWixUOD4mVklFWDJKRGBVHCRKQAVLCkMNLgEL2EDZ3QAAAJxJREFUeJxNz8cWglAMBNBRHCmiDxULiGIFC/be9f9/SiwgWc09yWIC/CeVTgBShszKMRVVy+nMf3MBkjCKQEl9s2yKyodyVYSs1S1bGA2nKbfohsdtq9Ex7C57LWb7GHQszzeGI44/xISBR2dKd8Z5SJgLKBq5XHH9JjZbYKfvDz/iyAA4nSPi4vOaE3T6UdHbgTTvj8QnTyVe4gUP2A0kTMZEOAAAAABJRU5ErkJggg==) no-repeat 3px center;
color: #fff;
text-shadow: 1px 1px 0px rgba(0,0,0,0.4), 0px 1px 0px rgba(0,0,0,0.4);
}
#mail-maillist td.select {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMBAMAAACkW0HUAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAA9QTFRFzc3NzMzMzMzMxsbGAAAADpxhFwAAAAV0Uk5TZiMUEgAFRf/zAAAAG0lEQVR4nGNggABGJSAQYGB2AQID0imodggAANa4C0uMMQ8eAAAAAElFTkSuQmCC);
}
/* checkbox */
#mail-maillisthead.h th.select ,
#mail-maillist tr.active td.select {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAG9QTFRFzc3Ny8vL0tLSzs7OAAAAz8/PysrKy8vLzc3Nzc3Nzc3N1NTU2NjY0dHRzs7Ozs7OzMzMysrKzMzMzc3NzMzMzMzMzMzMzMzMzc3NzMzMzMzMzs7Oz8/Pzs7OyMjIzs7Ozs7O////zMzMzs7Ozc3NHrYblQAAACV0Uk5TgCcRGgB3LmHAu2QXGTW9px4dobVBsx1qv72oTTx2G6CZBAp9LhyjPsMAAABbSURBVHicVc7ZDkAwEIVh1cFBrbUvtfX9n1FREv/dl8xJxnF+MdfGDDjdeT7/ECCMLsSCKEmR5QZFKStRQzbXWduhH9CNdG+mGsBMD0gtWLcXtB+KHmhu0/9nTg7VBA3aa0CtAAAAAElFTkSuQmCC);
}
/* offener briefumschlag */
#mail-maillisthead th.flaggs {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOBAMAAAAGUYvhAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAC1QTFRFAAAA4+Pj0NDQzs7O////09PTzc3Nzc3N1NTU0NDQz8/Pz8/Pzs7O29vb0dHRT6i2bgAAAA90Uk5TAAkrOQUdSE0YJjA6Pg4hZ391hQAAAE1JREFUeJxjYIADISMHEMWaXp4BotXLy8snMDA4A6nyYgeG1btBYAHDWZAc7wGGsgdA+nkBQ3mxAINwOZAuLzYuB9MggKDB2nZvgFkCAAW8IGPBMgVtAAAAAElFTkSuQmCC);
}
/* stern */
#mail-maillisthead th.flaggedcell {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOBAMAAAAGUYvhAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAC1QTFRFAAAAz8/P09PTzc3Nzs7O0dHRzs7Ozs7Ozs7O29vbzc3N4+Pj////19fXz8/Po4fHCQAAAA90Uk5TADodTUMhND45DkgJBRMwXImElgAAAEtJREFUeJxjYEAAAQjFZAShWUwgtLKxApAMKzY2Nq4IYJgFpIxNJjBwg/g1QIkjQO4BkHIgDVLODBQH0Zft7hlfANJxGxj2BcDtAACO2Q9A4vlwIQAAAABJRU5ErkJggg==);
}
/* flagge */
#mail-maillisthead th.pflagcell {
background-image:url(data:image/p...