|
|
@@ -0,0 +1,333 @@ |
|
|
|
@media (prefers-color-scheme: dark) { |
|
|
|
button:focus, |
|
|
|
button:hover, |
|
|
|
input:focus, |
|
|
|
input:hover, |
|
|
|
select:focus, |
|
|
|
select:hover, |
|
|
|
textarea:focus, |
|
|
|
textarea:hover { |
|
|
|
-webkit-box-shadow: inset 0 0 0 2px #8081BA !important; |
|
|
|
-moz-box-shadow: inset 0 0 0 2px #8081BA !important; |
|
|
|
box-shadow: inset 0 0 0 2px #8081BA !important; |
|
|
|
} |
|
|
|
*:focus { |
|
|
|
-webkit-box-shadow: inset 0 0 0 2px #8081BA; |
|
|
|
-moz-box-shadow: inset 0 0 0 2px #8081BA; |
|
|
|
box-shadow: inset 0 0 0 2px #8081BA; |
|
|
|
} |
|
|
|
#header, |
|
|
|
.header-extra-forms-open, |
|
|
|
.section-title-details, |
|
|
|
.set-background-color-hard, |
|
|
|
input[type=checkbox]:checked ~ .panel-content, |
|
|
|
input[type=radio] { |
|
|
|
background-color: #242434 !important; |
|
|
|
} |
|
|
|
|
|
|
|
.button-container, |
|
|
|
.note-actions-set, |
|
|
|
.set-background-color-soft, |
|
|
|
hr, |
|
|
|
input[type=checkbox] { |
|
|
|
background-color: #46465E !important; |
|
|
|
} |
|
|
|
|
|
|
|
#replyform, |
|
|
|
.doc-navigation, |
|
|
|
.h-entry, |
|
|
|
.markdown-blocks, |
|
|
|
.profile, |
|
|
|
.section-attachments, |
|
|
|
.section-settings, |
|
|
|
.section-settings ul, |
|
|
|
.section-widget, |
|
|
|
.set-background-color-alpha, |
|
|
|
button, |
|
|
|
input, |
|
|
|
select, |
|
|
|
textarea { |
|
|
|
background-color: #1A1A2666 !important; |
|
|
|
} |
|
|
|
.set-background-color-gradient, |
|
|
|
button:not(.button-container), |
|
|
|
input[type=file] { |
|
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#46465E), to(transparent)) !important; |
|
|
|
background: -webkit-linear-gradient(top, #46465E, transparent) !important; |
|
|
|
background: -moz-linear-gradient(top, #46465E, transparent) !important; |
|
|
|
background: -o-linear-gradient(top, #46465E, transparent) !important; |
|
|
|
background: linear-gradient(180deg, #46465E, transparent) !important; |
|
|
|
} |
|
|
|
|
|
|
|
.note-info { |
|
|
|
background: -webkit-gradient(linear, right top, left top, from(#1A1A2666), to(transparent)) !important; |
|
|
|
background: -webkit-linear-gradient(right, #1A1A2666, transparent) !important; |
|
|
|
background: -moz-linear-gradient(right, #1A1A2666, transparent) !important; |
|
|
|
background: -o-linear-gradient(right, #1A1A2666, transparent) !important; |
|
|
|
background: linear-gradient(to left, #1A1A2666, transparent) !important; |
|
|
|
} |
|
|
|
|
|
|
|
.section-settings hr { |
|
|
|
background-image: -webkit-gradient(linear, left top, right top, from(#1A1A2666), color-stop(90%, transparent)); |
|
|
|
background-image: -webkit-linear-gradient(left, #1A1A2666, transparent 90%); |
|
|
|
background-image: -moz-linear-gradient(left, #1A1A2666, transparent 90%); |
|
|
|
background-image: -o-linear-gradient(left, #1A1A2666, transparent 90%); |
|
|
|
background-image: linear-gradient(to right, #1A1A2666, transparent 90%); |
|
|
|
} |
|
|
|
|
|
|
|
.form .separator { |
|
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#1A1A2666), color-stop(90%, transparent)); |
|
|
|
background-image: -webkit-linear-gradient(top, #1A1A2666, transparent 90%); |
|
|
|
background-image: -moz-linear-gradient(top, #1A1A2666, transparent 90%); |
|
|
|
background-image: -o-linear-gradient(top, #1A1A2666, transparent 90%); |
|
|
|
background-image: linear-gradient(to bottom, #1A1A2666, transparent 90%); |
|
|
|
} |
|
|
|
.button-container:focus, |
|
|
|
.button-container:hover, |
|
|
|
.set-background-color-accent, |
|
|
|
input[type=checkbox], |
|
|
|
input[type=checkbox]:focus, |
|
|
|
input[type=checkbox]:hover, |
|
|
|
input[type=radio]:focus, |
|
|
|
input[type=radio]:hover { |
|
|
|
background-color: #8081BA !important; |
|
|
|
} |
|
|
|
|
|
|
|
.note-actions-set, |
|
|
|
.set-background-color-foreground { |
|
|
|
background-color: #FFF !important; |
|
|
|
} |
|
|
|
|
|
|
|
::-webkit-file-upload-button { |
|
|
|
color: #FFF; |
|
|
|
fill: #FFF; |
|
|
|
} |
|
|
|
|
|
|
|
::file-selector-button { |
|
|
|
color: #FFF; |
|
|
|
fill: #FFF; |
|
|
|
} |
|
|
|
|
|
|
|
*, |
|
|
|
.set-foreground-color, |
|
|
|
::file-selector-button, |
|
|
|
input[type=file] { |
|
|
|
color: #FFF; |
|
|
|
fill: #FFF; |
|
|
|
} |
|
|
|
|
|
|
|
.accessibility-menu, |
|
|
|
.set-border-accent { |
|
|
|
border: 2px solid #8081BA; |
|
|
|
} |
|
|
|
.doc-navigation, |
|
|
|
.h-entry, |
|
|
|
.markdown-blocks, |
|
|
|
.section-settings, |
|
|
|
.section-settings ul, |
|
|
|
.section-widget, |
|
|
|
.set-border-soft, |
|
|
|
button, |
|
|
|
input:not([type=checkbox], [type=radio]), |
|
|
|
select, |
|
|
|
textarea { |
|
|
|
border: 2px solid #46465E !important; |
|
|
|
} |
|
|
|
|
|
|
|
#header, |
|
|
|
.h-entry, |
|
|
|
.header-extra-forms-open, |
|
|
|
.profile, |
|
|
|
.set-shadow-dark, |
|
|
|
button, |
|
|
|
input, |
|
|
|
select, |
|
|
|
textarea { |
|
|
|
-webkit-box-shadow: 0 0 16px 0 #00000016; |
|
|
|
-moz-box-shadow: 0 0 16px 0 #00000016; |
|
|
|
box-shadow: 0 0 16px 0 #00000016; |
|
|
|
} |
|
|
|
|
|
|
|
.set-shadow-light { |
|
|
|
-webkit-box-shadow: 0 0 16px 0 #FFFFFF16; |
|
|
|
-moz-box-shadow: 0 0 16px 0 #FFFFFF16; |
|
|
|
box-shadow: 0 0 16px 0 #FFFFFF16; |
|
|
|
} |
|
|
|
|
|
|
|
.bg { |
|
|
|
background-image: url("../images/background_dark.png"); |
|
|
|
} |
|
|
|
|
|
|
|
select { |
|
|
|
background-image: url("../images/select_drop_dark.png") !important; |
|
|
|
} |
|
|
|
} |
|
|
|
@media (prefers-color-scheme: light) { |
|
|
|
button:focus, |
|
|
|
button:hover, |
|
|
|
input:focus, |
|
|
|
input:hover, |
|
|
|
select:focus, |
|
|
|
select:hover, |
|
|
|
textarea:focus, |
|
|
|
textarea:hover { |
|
|
|
-webkit-box-shadow: inset 0 0 0 2px #2e3440 !important; |
|
|
|
-moz-box-shadow: inset 0 0 0 2px #2e3440 !important; |
|
|
|
box-shadow: inset 0 0 0 2px #2e3440 !important; |
|
|
|
} |
|
|
|
*:focus { |
|
|
|
-webkit-box-shadow: inset 0 0 0 2px #2e3440; |
|
|
|
-moz-box-shadow: inset 0 0 0 2px #2e3440; |
|
|
|
box-shadow: inset 0 0 0 2px #2e3440; |
|
|
|
} |
|
|
|
#header, |
|
|
|
.header-extra-forms-open, |
|
|
|
.section-title-details, |
|
|
|
.set-background-color-hard, |
|
|
|
input[type=checkbox]:checked ~ .panel-content, |
|
|
|
input[type=radio] { |
|
|
|
background-color: #eceff4 !important; |
|
|
|
} |
|
|
|
|
|
|
|
.note-actions-set, |
|
|
|
.set-background-color-soft, |
|
|
|
hr, |
|
|
|
input[type=checkbox] { |
|
|
|
background-color: #4c566a66 !important; |
|
|
|
} |
|
|
|
|
|
|
|
#replyform, |
|
|
|
.doc-navigation, |
|
|
|
.h-entry, |
|
|
|
.markdown-blocks, |
|
|
|
.profile, |
|
|
|
.section-attachments, |
|
|
|
.section-settings, |
|
|
|
.section-settings ul, |
|
|
|
.section-widget, |
|
|
|
.set-background-color-alpha, |
|
|
|
button, |
|
|
|
input, |
|
|
|
select, |
|
|
|
textarea { |
|
|
|
background-color: #eceff488 !important; |
|
|
|
} |
|
|
|
.set-background-color-gradient, |
|
|
|
button:not(.button-container), |
|
|
|
input[type=file] { |
|
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#d8dee966), to(transparent)) !important; |
|
|
|
background: -webkit-linear-gradient(top, #d8dee966, transparent) !important; |
|
|
|
background: -moz-linear-gradient(top, #d8dee966, transparent) !important; |
|
|
|
background: -o-linear-gradient(top, #d8dee966, transparent) !important; |
|
|
|
background: linear-gradient(180deg, #d8dee966, transparent) !important; |
|
|
|
} |
|
|
|
|
|
|
|
.note-info { |
|
|
|
background: -webkit-gradient(linear, right top, left top, from(#eceff488), to(transparent)) !important; |
|
|
|
background: -webkit-linear-gradient(right, #eceff488, transparent) !important; |
|
|
|
background: -moz-linear-gradient(right, #eceff488, transparent) !important; |
|
|
|
background: -o-linear-gradient(right, #eceff488, transparent) !important; |
|
|
|
background: linear-gradient(to left, #eceff488, transparent) !important; |
|
|
|
} |
|
|
|
|
|
|
|
.section-settings hr { |
|
|
|
background-image: -webkit-gradient(linear, left top, right top, from(#d8dee966), color-stop(90%, transparent)); |
|
|
|
background-image: -webkit-linear-gradient(left, #d8dee966, transparent 90%); |
|
|
|
background-image: -moz-linear-gradient(left, #d8dee966, transparent 90%); |
|
|
|
background-image: -o-linear-gradient(left, #d8dee966, transparent 90%); |
|
|
|
background-image: linear-gradient(to right, #d8dee966, transparent 90%); |
|
|
|
} |
|
|
|
|
|
|
|
.form .separator { |
|
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#d8dee966), color-stop(90%, transparent)); |
|
|
|
background-image: -webkit-linear-gradient(top, #d8dee966, transparent 90%); |
|
|
|
background-image: -moz-linear-gradient(top, #d8dee966, transparent 90%); |
|
|
|
background-image: -o-linear-gradient(top, #d8dee966, transparent 90%); |
|
|
|
background-image: linear-gradient(to bottom, #d8dee966, transparent 90%); |
|
|
|
} |
|
|
|
.button-container:focus, |
|
|
|
.button-container:hover, |
|
|
|
.set-background-color-accent, |
|
|
|
input[type=checkbox]:focus, |
|
|
|
input[type=checkbox]:hover, |
|
|
|
input[type=radio]:focus, |
|
|
|
input[type=radio]:hover { |
|
|
|
background-color: #2e3440 !important; |
|
|
|
} |
|
|
|
|
|
|
|
.note-actions-unset { |
|
|
|
background-color: #2e344055 !important; |
|
|
|
} |
|
|
|
.note-actions-set, |
|
|
|
.set-background-color-foreground, |
|
|
|
input[type=checkbox]:checked, |
|
|
|
input[type=radio]:checked { |
|
|
|
background-color: #2e3440 !important; |
|
|
|
} |
|
|
|
|
|
|
|
::-webkit-file-upload-button { |
|
|
|
color: #2e3440; |
|
|
|
fill: #2e3440; |
|
|
|
} |
|
|
|
|
|
|
|
::file-selector-button { |
|
|
|
color: #2e3440; |
|
|
|
fill: #2e3440; |
|
|
|
} |
|
|
|
|
|
|
|
*, |
|
|
|
.set-foreground-color, |
|
|
|
::file-selector-button, |
|
|
|
input[type=file] { |
|
|
|
color: #2e3440; |
|
|
|
fill: #2e3440; |
|
|
|
} |
|
|
|
|
|
|
|
.accessibility-menu, |
|
|
|
.set-border-accent { |
|
|
|
border: 2px solid #2e3440; |
|
|
|
} |
|
|
|
|
|
|
|
.doc-navigation, |
|
|
|
.h-entry, |
|
|
|
.markdown-blocks, |
|
|
|
.section-settings, |
|
|
|
.section-settings ul, |
|
|
|
.section-widget, |
|
|
|
.set-border-soft, |
|
|
|
button, |
|
|
|
input, |
|
|
|
input[type=radio], |
|
|
|
select, |
|
|
|
textarea { |
|
|
|
border: 2px solid #4c566a66 !important; |
|
|
|
} |
|
|
|
|
|
|
|
#header, |
|
|
|
.h-entry, |
|
|
|
.header-extra-forms-open, |
|
|
|
.profile, |
|
|
|
.set-shadow-dark, |
|
|
|
button, |
|
|
|
input, |
|
|
|
select, |
|
|
|
textarea { |
|
|
|
-webkit-box-shadow: 0 0 16px 0 #00000016; |
|
|
|
-moz-box-shadow: 0 0 16px 0 #00000016; |
|
|
|
box-shadow: 0 0 16px 0 #00000016; |
|
|
|
} |
|
|
|
|
|
|
|
.set-shadow-light { |
|
|
|
-webkit-box-shadow: 0 0 16px 0 #FFFFFF16; |
|
|
|
-moz-box-shadow: 0 0 16px 0 #FFFFFF16; |
|
|
|
box-shadow: 0 0 16px 0 #FFFFFF16; |
|
|
|
} |
|
|
|
|
|
|
|
.bg { |
|
|
|
background-image: url("../images/background_light.png"); |
|
|
|
} |
|
|
|
|
|
|
|
select { |
|
|
|
background-image: url("../images/select_drop_light.png") !important; |
|
|
|
} |
|
|
|
} |