A lot of awesome changes and trying to use kmonad

This commit is contained in:
Chris Cochrun 2021-08-14 09:43:52 -05:00
parent 7fdc04e4d4
commit f51ff07986
18 changed files with 246 additions and 80 deletions

View file

@ -1,10 +1,6 @@
/* Color controls for theme_***.css files */
:root {
/* All the CSS variables here are global */
/* These applies to all colorschemes */
/*:root {
/* If windows - `-moz-win-glass`, if macOS - `-moz-mac-vibrancy-dark` */
--bf-moz-appearance: -moz-win-glass !important;
--bf-backdrop-blur: 6px;
@ -32,54 +28,54 @@
--bf-tab-border-radius: 6px;
--bf-tab-soundplaying-bg: #ff6ac1CC;
/*--toolbar-bgcolor: transparent !important;
--urlbar-separator-color: transparent !important;*/
--toolbar-bgcolor: transparent !important;
--urlbar-separator-color: transparent !important;
}
/* Light Mode */
:root:-moz-lwtheme-darktext {
--bf-main-window: transparent;
--bf-bg: #F2F2F266;
--bf-color: #0A0A0A;
--bf-hover-bg: #1A1A1A33;
--bf-active-bg: #1A1A1A66;
--bf-icon-color: #0A0A0A;
--bf-tab-toolbar-bg: #F2F2F2AA;
--bf-tab-selected-bg: #00000022;
--bf-navbar-bg: var(--bf-bg);
--bf-urlbar-bg: var(--bf-bg);
--bf-urlbar-active-bg: var(--bf-bg);
--bf-urlbar-focused-color: var(--bf-color);
--bf-sidebar-bg: var(--bf-bg);
--bf-sidebar-color: var(--bf-color);
--bf-menupopup-bg: #F2F2F2AA;
--bf-menupopup-color: var(--bf-color);
}
/* /\* Light Mode *\/ */
/* :root:-moz-lwtheme-darktext { */
/* --bf-main-window: transparent; */
/* --bf-bg: #F2F2F266; */
/* --bf-color: #0A0A0A; */
/* Dark Mode */
:root:-moz-lwtheme-brighttext {
--bf-main-window: transparent;
--bf-bg: #282a3666;
--bf-color: #e2e4e5;
--bf-hover-bg: #34353e33;
--bf-active-bg: #eff0eb66;
--bf-icon-color: #eff0eb;
--bf-tab-toolbar-bg: #282a36AA;
--bf-tab-selected-bg: #e2e4e510;
--bf-navbar-bg: var(--bf-bg);
--bf-urlbar-bg: var(--bf-bg);
--bf-urlbar-active-bg: var(--bf-bg);
--bf-urlbar-focused-color: var(--bf-color);
--bf-sidebar-bg: var(--bf-bg);
--bf-sidebar-color: var(--bf-color);
--bf-menupopup-bg: #282a36AA;
--bf-menupopup-color: var(--bf-color);
}
/* --bf-hover-bg: #1A1A1A33; */
/* --bf-active-bg: #1A1A1A66; */
/* --bf-icon-color: #0A0A0A; */
/* --bf-tab-toolbar-bg: #F2F2F2AA; */
/* --bf-tab-selected-bg: #00000022; */
/* --bf-navbar-bg: var(--bf-bg); */
/* --bf-urlbar-bg: var(--bf-bg); */
/* --bf-urlbar-active-bg: var(--bf-bg); */
/* --bf-urlbar-focused-color: var(--bf-color); */
/* --bf-sidebar-bg: var(--bf-bg); */
/* --bf-sidebar-color: var(--bf-color); */
/* --bf-menupopup-bg: #F2F2F2AA; */
/* --bf-menupopup-color: var(--bf-color); */
/* } */
/* /\* Dark Mode *\/ */
/* :root:-moz-lwtheme-brighttext { */
/* --bf-main-window: transparent; */
/* --bf-bg: #282a3666; */
/* --bf-color: #e2e4e5; */
/* --bf-hover-bg: #34353e33; */
/* --bf-active-bg: #eff0eb66; */
/* --bf-icon-color: #eff0eb; */
/* --bf-tab-toolbar-bg: #282a36AA; */
/* --bf-tab-selected-bg: #e2e4e510; */
/* --bf-navbar-bg: var(--bf-bg); */
/* --bf-urlbar-bg: var(--bf-bg); */
/* --bf-urlbar-active-bg: var(--bf-bg); */
/* --bf-urlbar-focused-color: var(--bf-color); */
/* --bf-sidebar-bg: var(--bf-bg); */
/* --bf-sidebar-color: var(--bf-color); */
/* --bf-menupopup-bg: #282a36AA; */
/* --bf-menupopup-color: var(--bf-color); */
/* } */