Clean: SASS - Dark mixin

This commit is contained in:
alstjr7375 2021-12-27 15:36:37 +09:00
parent 7a80769986
commit abfe9027fa
11 changed files with 82 additions and 9 deletions

View file

@ -16,7 +16,7 @@ browser[type="content"] > html {
--menu-border-color: #cfcfd8;
--menuitem-hover-background-color: #e0e0e6;
}
@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
@include Dark {
:root {
--menu-border-color: rgba(107, 107, 107, 0.3);
--menu-color: #fbfbfe;

View file

@ -8,7 +8,7 @@
url("chrome://browser/content/pageinfo/pageInfo.xhtml")
{
/*- Overwrite --------------------------------------------------------------*/
@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
@include Dark {
:root {
--in-content-page-background: #42414d;
}

View file

@ -149,7 +149,7 @@
--panelview-toolbarbutton-focus-box-shadow: inset 0 0 0 2px var(--focus-outline-color) !important;
}
@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
@include Dark {
:root:not(:-moz-lwtheme),
:root[lwt-default-theme-in-dark-mode] {
--mac-field-bgcolor: Field;
@ -206,7 +206,7 @@
--sidebar-text-color: var(--mac-text-color) !important;
/* --sidebar-border-color: var(--win-sidebar-border-color) !important; */
}
@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
@include Dark {
.sidebar-panel[style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"],
body[lwt-sidebar][style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"],
.sidebar-panel[style="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], /* Nightly */
@ -224,7 +224,7 @@
/*- Others -----------------------------------------------------------------*/
/* For Overwrite */
@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
@include Dark {
:root[lwt-default-theme-in-dark-mode][lwthemetextcolor="bright"] {
--toolbar-bgcolor: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-dialog) !important;
}

View file

@ -25,7 +25,7 @@
--win-accent-hover-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 27%, -moz-accent-color);
--win-accent-active-color: -moz-accent-color;
}
@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
@include Dark {
:root:not(:-moz-lwtheme),
:root[lwt-default-theme-in-dark-mode] {
--win-text-color: #ffffff;
@ -232,7 +232,7 @@
--sidebar-text-color: var(--win-text-color) !important;
--sidebar-border-color: var(--win-border-color) !important;
}
@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
@include Dark {
.sidebar-panel[style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"],
body[lwt-sidebar][style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"],
.sidebar-panel[style="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], /* Nightly */