jarno
/
firefox-gnome-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add a light version of styles for the about pages, issue #2

This commit is contained in:
Sai Kurogetsu 2017-12-19 17:45:57 +00:00
parent 7d63f192ae
commit 7a7190cbef
No known key found for this signature in database
GPG Key ID: 48E52EBE10D57BF6
2 changed files with 59 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
pages/about-light.css Normal file
View File

@ -0,0 +1,58 @@
@import "about.css";
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");
/* keep this selector the same as the next one */
*|*:root:not(#ublock0-epicker) {
/* Variables that start with --gnome- are added by me and are assigned
* to elements somewhere in this code. The rest of the variables are
* built-in in Firefox, so you need to add an !important if you wanna
* override them. */
--gnome-privatebrowsing-page-bgcolor: #ededed;
--in-content-page-color: #2e3436 !important;
--in-content-page-background: #ededed !important;
--in-content-text-color: #2e3436 !important;
--in-content-selected-text: #fff;
--in-content-box-background: #fff;
--in-content-box-background-odd: #f3f6fa;
--in-content-box-background-hover: #ebebeb;
--in-content-box-background-active: #dadada;
--in-content-box-border-color: #d7d7db;
--in-content-item-hover: rgba(0, 149, 221, .25);
--in-content-item-selected: #0a84ff;
--in-content-border-highlight: #0a84ff;
--in-content-border-focus: #0a84ff;
--in-content-border-color: #d7d7db;
--in-content-category-border-focus: 1px dotted #0a84ff;
--in-content-category-text: rgba(12, 12, 13);
--in-content-category-text-active: #0c0c0d;
--in-content-category-text-selected: #2981dc !important;
--in-content-category-text-selected-active: #0060df;
--in-content-category-background-hover: rgba(12, 12, 13, .1);
--in-content-category-background-active: rgba(12, 12, 13, .15);
--in-content-category-background-selected-hover: rgba(12, 12, 13, .15);
--in-content-category-background-selected-active: rgba(12, 12, 13, .2);
--in-content-tab-color: #424f5a;
--in-content-link-color: #0a8dff;
--in-content-link-color-hover: #0060df;
--in-content-link-color-active: #003eaa;
--in-content-link-color-visited: #0a8dff;
--in-content-primary-button-background: #0a84ff;
--in-content-primary-button-background-hover: #0060df;
--in-content-primary-button-background-active: #003eaa;
--in-content-table-border-dark-color: #d1d1d1;
--in-content-table-header-background: #0a84ff;
/* Extensions' popups */
--popup-background: #ededed;
}
/* A workaround for the screenshot tool, issue #7 */
@-moz-document regexp("^moz-extension://.+/blank.html$") {
/* keep this selector the same as the previous one */
*|*:root:not(#ublock0-epicker) {
--in-content-page-background: unset !important;
}
}

1
userContent.css
View File

@ -18,6 +18,7 @@
/* Firefox' internal pages
* Applies to all about: pages (settings, addons, new tab, etc). */
/*@import "pages/about-light.css"; /**/
/*@import "pages/about-dark.css"; /**/
/* Firefox' source viewer