mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2025-12-15 15:20:33 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add: Option - userContent.page.proton_color.dark_blue_accent #202

Browse source
This commit is contained in:
alstjr7375 2022-03-31 12:51:25 +09:00
parent 7679689791
commit 5e64b64c28
7 changed files with 158 additions and 69 deletions
Download patch file Download diff file Expand all files Collapse all files

67
userContent.css
View file

@ -669,6 +669,73 @@
--dialog-warning-text-color: var(--red-40);
}
}
@supports -moz-bool-pref("userContent.page.proton_color.dark_blue_accent") {
@-moz-document url-prefix("about:"),
url-prefix("https://addons.mozilla.org"),
url-prefix("https://support.mozilla.org"),
url-prefix("https://accounts.firefox.com"),
regexp("^((file:///)|(chrome://)).*/$")
{
@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
:host,
:root {
/* Color Memo
Just refer - Photon's dark color
--button-primary-bgcolor: #0060DF;
--button-primary-hover-bgcolor: #003EAA;
--button-primary-active-bgcolor: #002275;
--lwt-brighttext-url-color: #74c0ff;
--lwt-toolbarbutton-icon-fill-attention: #45a1ff;
Just refer - Proton's light color
--in-content-accent-color: #0a84ff;
--in-content-accent-color-active: #0060df;
--in-content-primary-button-background: #0061e0;
--in-content-primary-button-background-hover: #0250bb;
--in-content-primary-button-background-active: #053e94;
--blue-40: #45a1ff; rgb(69, 161, 255)
--blue-50: #0a84ff; rgb(10, 132, 255)
--blue-60: #0060df; rgb(0, 96, 223)
--blue-70: #003eaa; rgb(0, 62, 170)
--blue-80: #002275; rgb(0, 34, 117)
Relation
lighten(#0060df, 29%): #74b0ff;
lighten(#0060df, 19.8%): #4595ff
lighten(#0060df, 8.3%): #0a74ff
#0060df
darken(#0060df, 15.5%): #003e90;
darken(#0060df, 28.1%): #002250;
*/
--blue-20: #b6d6ff;
/* lighten(#0060df, 42%) - rgb(182, 214, 255), Add for link active color*/
--blue-30: #74c0ff;
/* rgb(116, 192, 255), Add for active color */
--organizer-outline-color: var(--blue-40) !important;
}
:host,
:root {
--in-content-primary-button-text-color: var(--in-content-page-color) !important;
--in-content-primary-button-background: var(--blue-60) !important;
--in-content-primary-button-background-hover: var(--blue-50) !important;
--in-content-primary-button-background-active: var(--blue-40) !important;
--in-content-focus-outline-color: var(--blue-40) !important;
--in-content-accent-color: var(--blue-40) !important;
--in-content-accent-color-active: var(--blue-30) !important;
--in-content-table-background: rgb(35, 34, 43) !important;
--in-content-table-border-color: rgba(249, 249, 250, 0.2) !important;
--in-content-table-header-background: rgb(5, 64, 150) !important;
--in-content-table-header-color: var(--in-content-page-color) !important;
--in-content-link-color: var(--blue-40) !important;
--in-content-link-color-hover: var(--blue-30) !important;
--in-content-link-color-active: var(--blue-20) !important;
--in-content-link-color-visited: var(--blue-40) !important;
}
}
}
}
}
@supports -moz-bool-pref("userContent.page.dark_mode") {
@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {