commit c7832306a0632a1e4bc6d6710b68d17aa3b78443
parent 79525e1b2d7412861af89b839795513bd3ba973d
Author: awy <awy@awy.one>
Date: Wed, 26 Nov 2025 15:02:47 +0300
w
Diffstat:
| M | userContent.css | | | 69 | ++++++++++++++++++++++++++++++++------------------------------------- |
1 file changed, 32 insertions(+), 37 deletions(-)
diff --git a/userContent.css b/userContent.css
@@ -14,27 +14,27 @@ body, html {
:root {
/* custom accent color to be used across Firefox*/
/* use hexcode or color name */
- --custom-accent-color: #f5c2e7;
+ --custom-accent-color: #D699B6;
/* background color */
- --uc-my-background-color: #181825 !important;
+ --uc-my-background-color: #272E33 !important;
--background-color-canvas: var(--uc-my-background-color) !important;
--background-color-box: var(--uc-my-background-color) !important;
/* text color */
- --in-content-page-color: #cdd6f4 !important;
+ --in-content-page-color: #d3c6aa !important;
- --table-row-background-color-alternate:#1e1e2e !important;
+ --table-row-background-color-alternate:#1e2326 !important;
/* color of the tab dividers / separators */
/* set variable = none, to disable dividers */
- --custom-tab-divider-color: none;
+ --custom-tab-divider-color: #535354;
}
@-moz-document regexp("^(about:).*") {
body {
- background-color: #181825 !important;
+ background-color: #272E33 !important;
}
}
@@ -47,45 +47,45 @@ body, html {
html:not([role="dialog"]) body.activity-stream,
window:not([chromehidden]),
window:not([chromehidden])>dialog {
- --surface-1: #181825 !important;
- --surface-2: #181825 !important;
+ --surface-1: #272E33 !important;
+ --surface-2: #2e3440 !important;
--accent-surface-1: #ebcb8b !important;
--dashboard-tab-active-ink: #ebcb8b !important;
- --in-content-primary-button-background: var(--custom-accent-color, #f5c2e7) !important;
- --in-content-primary-button-background-hover: color-mix(in srgb, #1e1e2e 50%, var(--custom-accent-color, #f5c2e7)) !important;
- --in-content-primary-button-background-active: color-mix(in srgb, #1e1e2e 65%, var(--custom-accent-color, #f5c2e7)) !important;
-
- --in-content-item-selected: var(--custom-accent-color, #f5c2e7) !important;
- --in-content-border-highlight: var(--custom-accent-color, #f5c2e7) !important;
- --in-content-border-hover: color-mix(in srgb, #1e1e2e 50%, var(--custom-accent-color, #f5c2e7)) !important;
- /* --in-content-border-focus: color-mix(in srgb, #1e1e2e 65%, var(--custom-accent-color, #f5c2e7)) !important; */
- --in-content-border-focus: var(--custom-accent-color, #f5c2e7) !important;
- --in-content-border-active: var(--custom-accent-color, #f5c2e7) !important;
- --in-content-border-active-shadow: var(--custom-accent-color, #f5c2e7) !important;
+ --in-content-primary-button-background: var(--custom-accent-color, #0a84ff) !important;
+ --in-content-primary-button-background-hover: color-mix(in srgb, white 50%, var(--custom-accent-color, #0a84ff)) !important;
+ --in-content-primary-button-background-active: color-mix(in srgb, white 65%, var(--custom-accent-color, #0a84ff)) !important;
+
+ --in-content-item-selected: var(--custom-accent-color, #0a84ff) !important;
+ --in-content-border-highlight: var(--custom-accent-color, #0a84ff) !important;
+ --in-content-border-hover: color-mix(in srgb, white 50%, var(--custom-accent-color, #0a84ff)) !important;
+ /* --in-content-border-focus: color-mix(in srgb, white 65%, var(--custom-accent-color, #0a84ff)) !important; */
+ --in-content-border-focus: var(--custom-accent-color, #0a84ff) !important;
+ --in-content-border-active: var(--custom-accent-color, #0a84ff) !important;
+ --in-content-border-active-shadow: var(--custom-accent-color, #0a84ff) !important;
--in-content-category-outline-focus: 1px solid transparent !important;
- --in-content-accent-color: var(--custom-accent-color, #f5c2e7) !important;
- --in-content-table-header-background: var(--custom-accent-color, #f5c2e7) !important;
- --in-content-link-color: var(--custom-accent-color, #f5c2e7) !important;
- --in-content-link-color-hover: color-mix(in srgb, #1e1e2e 50%, var(--custom-accent-color, #f5c2e7)) !important;
+ --in-content-accent-color: var(--custom-accent-color, #0a84ff) !important;
+ --in-content-table-header-background: var(--custom-accent-color, #0a84ff) !important;
+ --in-content-link-color: var(--custom-accent-color, #0a84ff) !important;
+ --in-content-link-color-hover: color-mix(in srgb, white 50%, var(--custom-accent-color, #0a84ff)) !important;
--newtab-focus-outline: var(--in-content-border-active-shadow) !important;
--newtab-focus-border: var(--in-content-border-focus) !important;
--newtab-focus-border-selected: var(--custom-accent-color) !important;
--newtab-textbox-focus-color: var(--in-content-border-focus) !important;
--newtab-primary-action-background: var(--custom-accent-color) !important;
--color-accent-primary: var(--custom-accent-color) !important;
- --color-accent-primary-hover: color-mix(in srgb, #1e1e2e 50%, var(--custom-accent-color, #f5c2e7)) !important;
+ --color-accent-primary-hover: color-mix(in srgb, white 50%, var(--custom-accent-color, #0a84ff)) !important;
--color-accent-primary-active: var(--custom-accent-color) !important;
--brand-color-accent: var(--custom-accent-color) !important;
- --brand-color-accent-hover: color-mix(in srgb, #1e1e2e 50%, var(--custom-accent-color, #f5c2e7)) !important;
+ --brand-color-accent-hover: color-mix(in srgb, white 50%, var(--custom-accent-color, #0a84ff)) !important;
--brand-color-accent-active: var(--custom-accent-color) !important;
}
}
@-moz-document url("chrome://global/content/commonDialog.xhtml") {
#commonDialog[subdialog] checkbox {
- --checkbox-checked-bgcolor: var(--custom-accent-color, #f5c2e7) !important;
- --checkbox-checked-hover-bgcolor: color-mix(in srgb, #1e1e2e 50%, var(--custom-accent-color, #f5c2e7)) !important;
- --checkbox-checked-active-bgcolor: color-mix(in srgb, #1e1e2e 65%, var(--custom-accent-color, #f5c2e7)) !important;
+ --checkbox-checked-bgcolor: var(--custom-accent-color, #0a84ff) !important;
+ --checkbox-checked-hover-bgcolor: color-mix(in srgb, white 50%, var(--custom-accent-color, #0a84ff)) !important;
+ --checkbox-checked-active-bgcolor: color-mix(in srgb, white 65%, var(--custom-accent-color, #0a84ff)) !important;
}
}
@@ -101,16 +101,11 @@ body, html {
}
::-moz-progress-bar {
- background-color: var(--custom-accent-color, #f5c2e7) !important;
+ background-color: var(--custom-accent-color, #0a84ff) !important;
}
login-filter {
- --in-content-primary-button-background: var(--custom-accent-color, #f5c2e7) !important;
- --in-content-primary-button-background-hover: color-mix(in srgb, #1e1e2e 50%, var(--custom-accent-color, #f5c2e7)) !important;
- --in-content-primary-button-background-active: color-mix(in srgb, #1e1e2e 65%, var(--custom-accent-color, #f5c2e7)) !important;
-}
-
-::selection {
- color: #1e1e2e !important;
- background: #f5c2e7 !important;
+ --in-content-primary-button-background: var(--custom-accent-color, #0a84ff) !important;
+ --in-content-primary-button-background-hover: color-mix(in srgb, white 50%, var(--custom-accent-color, #0a84ff)) !important;
+ --in-content-primary-button-background-active: color-mix(in srgb, white 65%, var(--custom-accent-color, #0a84ff)) !important;
}
