phundrak/blurredfox-nord
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Changed the colors to Nord, made it clear it’s a fork in README

Browse Source 
Also updated the screenshot in the Readme
This commit is contained in:
Lucien Cartier-Tilet
2020-08-20 02:44:42 +02:00
parent 492caf6415
commit 236f5b1b9e
5 changed files with 145 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files

133
colors/blurred.css
View File

@@ -1,83 +1,80 @@
:root {
/* All the CSS variables here are global */
/* These applies to all colorschemes */
/* All the CSS variables here are global */
/* These applies to all colorschemes */
/* If windows - `-moz-win-glass`, if macOS - `-moz-mac-vibrancy-dark` */
--bf-moz-appearance: -moz-win-glass !important;
/* If windows - `-moz-win-glass`, if macOS - `-moz-mac-vibrancy-dark` */
--bf-moz-appearance: -moz-mac-vibrancy-dark !important;
--bf-backdrop-blur: 6px;
--bf-backdrop-blur: 6px;
--bf-sidebar-searchbar-radius: 6px;
--bf-sidebar-searchbar-radius: 6px;
--bf-accent-bg: #4C5FF9CC;
--bf-blank-page-bg: #252525;
--bf-urlbar-hightlight-bg: var(--bf-accent-bg);
--bf-urlbar-radius: 9px;
--bf-urlbar-results-font-size: 12pt;
--bf-urlbar-results-font-weight: 550;
--bf-urlbar-font-size: 12pt;
--bf-urlbar-font-weight: 500;
--bf-urlbar-switch-tab-color: #6498EF;
--bf-urlbar-bookmark-color: #53E2AE;
--bf-navbar-padding: 6px;
--bf-tab-selected-bg: #77777788;
--bf-tab-font-size: 11pt;
--bf-tab-font-weight: 400;
--bf-tab-height: 36px;
--bf-tab-border-radius: 6px;
--bf-tab-soundplaying-bg: #985EFFCC;
--bf-accent-bg: #5E81ACCC;
--toolbar-bgcolor: transparent !important;
--urlbar-separator-color: transparent !important;
--bf-urlbar-hightlight-bg: var(--bf-accent-bg);
--bf-urlbar-radius: 9px;
--bf-urlbar-results-font-size: 12pt;
--bf-urlbar-results-font-weight: 550;
--bf-urlbar-font-size: 12pt;
--bf-urlbar-font-weight: 500;
--bf-urlbar-switch-tab-color: #88C0D0;
--bf-urlbar-bookmark-color: #A3BE8CW;
--bf-navbar-padding: 6px;
--bf-tab-selected-bg: #81A1C188;
--bf-tab-font-size: 11pt;
--bf-tab-font-weight: 400;
--bf-tab-height: 36px;
--bf-tab-border-radius: 6px;
--bf-tab-soundplaying-bg: #B48EADCC;
--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);
--bf-bg: #ECEFF466;
--bf-color: #3B4252;
--bf-hover-bg: #434C5E33;
--bf-active-bg: #434C5E66;
--bf-icon-color: #3B4252;
--bf-tab-toolbar-bg: #ECEFF4AA;
--bf-tab-selected-bg: #2E344022;
--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: #ECEFF4AA;
--bf-menupopup-color: var(--bf-color);
}
/* Dark Mode */
:root:-moz-lwtheme-brighttext {
--bf-main-window: transparent;
--bf-bg: #00000066;
--bf-color: #F2F2F2;
--bf-hover-bg: #F2F2F233;
--bf-active-bg: #F2F2F266;
--bf-icon-color: #F2F2F2;
--bf-tab-toolbar-bg: #000000AA;
--bf-tab-selected-bg: #F2F2F210;
--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: #000000AA;
--bf-menupopup-color: var(--bf-color);
--bf-bg: #2E344066;
--bf-color: #ECEFF4;
--bf-hover-bg: #ECEFF433;
--bf-active-bg: #ECEFF466;
--bf-icon-color: #ECEFF4;
--bf-tab-toolbar-bg: #2E3440AA;
--bf-tab-selected-bg: #ECEFF410;
--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: #2E3440AA;
--bf-menupopup-color: var(--bf-color);
}