2018-10-08 01:14:40 +00:00
|
|
|
/*! =============
|
|
|
|
@name ShadowFox
|
|
|
|
@description A universal dark theme for Firefox 57+
|
2018-10-29 14:57:54 +00:00
|
|
|
@version 1.6.0
|
2018-10-08 01:14:40 +00:00
|
|
|
@lastUpdated October 7, 2018
|
|
|
|
@author overdodactyl
|
|
|
|
@homepageURL https://overdodactyl.github.io/ShadowFox/
|
|
|
|
@sourceCode https://github.com/overdodactyl/ShadowFox
|
|
|
|
@supportURL https://github.com/overdodactyl/ShadowFox/issues
|
|
|
|
@subreddit https://www.reddit.com/r/ShadowFoxCSS/
|
|
|
|
@slackInvitation https://join.slack.com/t/shadowfox-workspace/shared_invite/enQtMzU3NTU2NTQ0NDA1LTcwN2I1M2I4MzlkMWFlMWEzODc2MTY1NzU2NjhlYTgzOGY5ZTQzM2UxZTFiZDMxNDM1NDMyNjlhOWQ4MWQ3ZDc
|
|
|
|
@license MIT License Copyright (c) 2017 overdodactyl
|
|
|
|
================= */
|
2018-10-25 01:34:05 +00:00
|
|
|
@-moz-document url-prefix(https://discovery.addons.mozilla.org),
|
|
|
|
url-prefix(chrome://),
|
|
|
|
url-prefix(about:),
|
2018-10-26 15:03:45 +00:00
|
|
|
url(https://www.mozilla.org/credits/),
|
|
|
|
url-prefix(https://addons.mozilla.org),
|
2018-10-26 22:17:02 +00:00
|
|
|
url-prefix(http://addons.mozilla.org),
|
2018-11-07 21:16:24 +00:00
|
|
|
url-prefix(moz-extension),
|
2018-11-07 21:56:58 +00:00
|
|
|
url-prefix(view-source),
|
2018-11-07 21:16:24 +00:00
|
|
|
regexp(".*\\.(p|P)(d|D)(f|F).*") {
|
2018-10-25 01:34:05 +00:00
|
|
|
:root {
|
|
|
|
--magenta-50: #ff1ad9;
|
|
|
|
--magenta-60: #ed00b5;
|
|
|
|
--magenta-70: #b5007f;
|
|
|
|
--magenta-80: #7d004f;
|
|
|
|
--magenta-90: #440027;
|
|
|
|
--purple-50: #9400ff;
|
|
|
|
--purple-60: #8000d7;
|
|
|
|
--purple-70: #6200a4;
|
|
|
|
--purple-80: #440071;
|
|
|
|
--purple-90: #25003e;
|
|
|
|
--blue-40: #45a1ff;
|
|
|
|
--blue-50: #0a84ff;
|
|
|
|
--blue-60: #0060df;
|
|
|
|
--blue-70: #003eaa;
|
|
|
|
--blue-80: #002275;
|
|
|
|
--blue-90: #000f40;
|
|
|
|
--teal-50: #00feff;
|
|
|
|
--teal-60: #00c8d7;
|
|
|
|
--teal-70: #008ea4;
|
|
|
|
--teal-80: #005a71;
|
|
|
|
--teal-90: #002d3e;
|
|
|
|
--green-50: #30e60b;
|
|
|
|
--green-60: #12bc00;
|
|
|
|
--green-70: #058b00;
|
|
|
|
--green-80: #006504;
|
|
|
|
--green-90: #003706;
|
|
|
|
--yellow-50: #ffe900;
|
|
|
|
--yellow-60: #d7b600;
|
|
|
|
--yellow-70: #a47f00;
|
|
|
|
--yellow-80: #715100;
|
|
|
|
--yellow-90: #3e2800;
|
|
|
|
--red-50: #ff0039;
|
|
|
|
--red-60: #d70022;
|
|
|
|
--red-70: #a4000f;
|
|
|
|
--red-80: #5a0002;
|
|
|
|
--red-90: #3e0200;
|
|
|
|
--orange-50: #ff9400;
|
|
|
|
--orange-60: #d76e00;
|
|
|
|
--orange-70: #a44900;
|
|
|
|
--orange-80: #712b00;
|
|
|
|
--orange-90: #3e1300;
|
|
|
|
--grey-10: #f9f9fa;
|
|
|
|
--grey-20: #ededf0;
|
|
|
|
--grey-30: #d7d7db;
|
|
|
|
--grey-40: #b1b1b3;
|
|
|
|
--grey-50: #737373;
|
|
|
|
--grey-60: #4a4a4f;
|
|
|
|
--grey-70: #38383d;
|
|
|
|
--grey-80: #2a2a2e;
|
|
|
|
--grey-90: #0c0c0d;
|
|
|
|
--code-green: #86de74!important;
|
|
|
|
--warning-color: #FCE19F;
|
|
|
|
--warning-background-color: #44391F;
|
|
|
|
--theme-highlight-green: #86DE74;
|
|
|
|
--theme-highlight-blue: #75BFFF;
|
|
|
|
--theme-highlight-purple: #B98EFF;
|
|
|
|
--theme-highlight-red: #FF7DE9;
|
|
|
|
--theme-highlight-yellow: #FFF89E;
|
|
|
|
--theme-highlight-bluegrey: #5e88b0;
|
|
|
|
--theme-highlight-lightorange: #d99b28;
|
|
|
|
--theme-highlight-orange: #d96629;
|
|
|
|
--theme-highlight-pink: #df80ff;
|
|
|
|
--tone-1: var(--grey-10);
|
|
|
|
--tone-2: var(--grey-20);
|
|
|
|
--tone-3: var(--grey-30);
|
|
|
|
--tone-4: var(--grey-40);
|
|
|
|
--tone-5: var(--grey-50);
|
|
|
|
--tone-6: var(--grey-60);
|
|
|
|
--tone-7: var(--grey-70);
|
|
|
|
--tone-8: var(--grey-80);
|
|
|
|
--tone-9: var(--grey-90);
|
|
|
|
--accent-1: var(--blue-40);
|
|
|
|
--accent-2: var(--blue-50);
|
|
|
|
--accent-3: var(--blue-60);
|
|
|
|
--in-content-page-color: var(--tone-4)!important;
|
|
|
|
--in-content-page-background: var(--tone-7)!important;
|
|
|
|
--in-content-text-color: var(--tone-3)!important;
|
|
|
|
--in-content-selected-text: var(--tone-1)!important;
|
|
|
|
--in-content-selected-text-background: #5675b9;
|
|
|
|
--in-content-box-background: var(--tone-6)!important;
|
|
|
|
--in-content-box-background-odd: #f3f6fa;
|
|
|
|
--in-content-box-background-hover: var(--tone-6)!important;
|
|
|
|
--in-content-box-background-active: var(--tone-6)!important;
|
|
|
|
--in-content-box-border-color: var(--tone-5)!important;
|
|
|
|
--in-content-item-hover: rgba(0,149,221,0.25);
|
|
|
|
--in-content-item-selected: var(--tone-8)!important;
|
|
|
|
--in-content-border-highlight: var(--accent-1)!important;
|
|
|
|
--in-content-border-focus: var(--accent-1)!important;
|
|
|
|
--in-content-border-color: var(--tone-6)!important;
|
|
|
|
--in-content-category-outline-focus: 1px dotted #0a84ff;
|
|
|
|
--in-content-category-text: var(--tone-4)!important;
|
|
|
|
--in-content-category-text-active: #0c0c0d;
|
|
|
|
--in-content-category-text-selected: var(--accent-1)!important;
|
|
|
|
--in-content-category-text-selected-active: #0060df;
|
|
|
|
--in-content-category-background-hover: rgba(12,12,13,0.1);
|
|
|
|
--in-content-category-background-active: rgba(12,12,13,0.15);
|
|
|
|
--in-content-category-background-selected-hover: rgba(12,12,13,0.15);
|
|
|
|
--in-content-category-background-selected-active: rgba(12,12,13,0.2);
|
|
|
|
--in-content-tab-color: #424f5a;
|
|
|
|
--in-content-link-color: var(--accent-1)!important;
|
|
|
|
--in-content-link-color-hover: var(--accent-2)!important;
|
|
|
|
--in-content-link-color-active: #003eaa;
|
|
|
|
--in-content-link-color-visited: #0a8dff;
|
|
|
|
--in-content-primary-button-background: var(--accent-2)!important;
|
|
|
|
--in-content-primary-button-background-hover: var(--accent-3)!important;
|
|
|
|
--in-content-primary-button-background-active: var(--accent-3)!important;
|
|
|
|
--in-content-table-border-dark-color: var(--tone-7)!important;
|
|
|
|
--in-content-table-header-background: var(--accent-2)!important;
|
|
|
|
--theme-selection-background: var(--accent-2)!important;
|
|
|
|
--theme-selection-background-hover: var(--accent-1)!important;
|
|
|
|
--in-content-category-header-background: var(--tone-8)!important;
|
|
|
|
--selected-icon-fill-color: var(--tone-2)!important;
|
|
|
|
--in-content-dark-header-background: var(--tone-9)!important;
|
|
|
|
--tab-line-selected-color: var(--accent-2)!important;
|
|
|
|
--secure-connection-color: var(--accent-1);
|
|
|
|
--theme-sidebar-background: #1B1B1D!important;
|
2018-11-06 18:21:57 +00:00
|
|
|
--card-outline-color: var(--in-content-box-border-color)!important;
|
2018-10-25 01:34:05 +00:00
|
|
|
--cm-background: var(--tone-8)!important;
|
|
|
|
--cm-selection: #353b48!important;
|
|
|
|
--cm-marker: #555!important;
|
|
|
|
--cm-linenumber: #58575c!important;
|
|
|
|
--cm-cursor: #fff!important;
|
|
|
|
--cm-active-line-background: rgba(185,215,253,.15)!important;
|
|
|
|
--cm-matching-bracket: rgba(255,255,255,.25)!important;
|
|
|
|
--cm-search-background: rgba(24,29,32,1)!important;
|
|
|
|
--cm-red: #de7474!important;
|
|
|
|
--start-indicator-for-updater-scripts: black;
|
|
|
|
--end-indicator-for-updater-scripts: black;
|
|
|
|
--dummy-variable-for-updater-scripys: black
|
|
|
|
}
|
2018-11-13 16:43:58 +00:00
|
|
|
}
|