mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2026-01-30 04:10:32 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Clean: SASS - Separated to fully_dark.scss

Browse source
This commit is contained in:
alstjr7375 2021-12-17 20:28:52 +09:00
parent 111c05f1d9
commit 5782d22661
2 changed files with 73 additions and 72 deletions
Download patch file Download diff file Expand all files Collapse all files

72
src/theme/_fully_dark.scss Normal file
View file

@ -0,0 +1,72 @@
/*= Remove White Flash =======================================================*/
#tabbrowser-tabbox,
#tabbrowser-tabpanels,
browser[type="content-primary"],
browser[type="content"] > html {
background: var(--in-content-page-background) !important;
}
/*= Notification =============================================================*/
@-moz-document url("chrome://global/content/alerts/alert.xhtml")
{
/* Color */
:root {
--menu-color: #15141a;
--menu-background-color: #f9f9fb;
--menu-border-color: #cfcfd8;
--menuitem-hover-background-color: #e0e0e6;
}
@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
:root {
--menu-border-color: rgba(107, 107, 107, 0.3);
--menu-color: #fbfbfe;
--menu-background-color: #2b2a33;
--menuitem-hover-background-color: #52525e;
}
#alertSourceLabel {
color: rgb(5, 209, 241) !important;
}
}
/* line below removes background from the notification "window" on linux */
#alertNotification {
background: transparent !important;
}
#alertBox {
color: var(--menu-color) !important;
background-color: var(--menu-background-color) !important;
border-color: var(--menu-border-color) !important;
border-radius: 6px !important;
-moz-window-shadow: cliprounded !important;
}
#alertSettings {
fill: currentColor !important;
color: inherit !important;
border-radius: 0 !important;
margin-inline: 0 !important;
margin-bottom: -4px !important;
}
.close-icon,
#alertSettings {
background: transparent !important;
}
.close-icon:hover > .toolbarbutton-icon,
#alertSettings:is(:hover, [open]) > .button-box > .box-inherit {
background-color: var(--menuitem-hover-background-color, #e0e0e6) !important;
}
/* Shape */
.close-icon > .toolbarbutton-icon,
#alertSettings > .button-box > .box-inherit {
border-radius: 4px !important;
padding: 2px !important;
margin: 2px 2px -2px 0 !important;
}
#alertSettings > .button-box > .box-inherit {
margin: -4px 4px 3px 0 !important;
}
#alertSettings > .button-box > .box-inherit > .button-icon {
padding: 1px;
}
}

73
src/userChrome.scss
View file

@ -26,78 +26,7 @@
@import "theme/fully_color";
/* Fully Dark Mode ************************************************************/
/*= Remove White Flash =======================================================*/
#tabbrowser-tabbox,
#tabbrowser-tabpanels,
browser[type="content-primary"],
browser[type="content"] > html {
background: var(--in-content-page-background) !important;
}
/*= Notification =============================================================*/
@-moz-document url("chrome://global/content/alerts/alert.xhtml")
{
/* Color */
:root {
--menu-color: #15141a;
--menu-background-color: #f9f9fb;
--menu-border-color: #cfcfd8;
--menuitem-hover-background-color: #e0e0e6;
}
@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
:root {
--menu-border-color: rgba(107, 107, 107, 0.3);
--menu-color: #fbfbfe;
--menu-background-color: #2b2a33;
--menuitem-hover-background-color: #52525e;
}
#alertSourceLabel {
color: rgb(5, 209, 241) !important;
}
}
/* line below removes background from the notification "window" on linux */
#alertNotification {
background: transparent !important;
}
#alertBox {
color: var(--menu-color) !important;
background-color: var(--menu-background-color) !important;
border-color: var(--menu-border-color) !important;
border-radius: 6px !important;
-moz-window-shadow: cliprounded !important;
}
#alertSettings {
fill: currentColor !important;
color: inherit !important;
border-radius: 0 !important;
margin-inline: 0 !important;
margin-bottom: -4px !important;
}
.close-icon,
#alertSettings {
background: transparent !important;
}
.close-icon:hover > .toolbarbutton-icon,
#alertSettings:is(:hover, [open]) > .button-box > .box-inherit {
background-color: var(--menuitem-hover-background-color, #e0e0e6) !important;
}
/* Shape */
.close-icon > .toolbarbutton-icon,
#alertSettings > .button-box > .box-inherit {
border-radius: 4px !important;
padding: 2px !important;
margin: 2px 2px -2px 0 !important;
}
#alertSettings > .button-box > .box-inherit {
margin: -4px 4px 3px 0 !important;
}
#alertSettings > .button-box > .box-inherit > .button-icon {
padding: 1px;
}
}
@import "theme/fully_dark";
/*= Proton Commons ===========================================================*/
@-moz-document url("chrome://global/content/commonDialog.xhtml"),