commit 1a6cce86dfc6c5682f0992fb1cf5bb137ecceb28
parent c7832306a0632a1e4bc6d6710b68d17aa3b78443
Author: awy <awy@awy.one>
Date: Sat, 29 Nov 2025 17:49:02 +0300
qweqweeqw
Diffstat:
| M | userContent.css | | | 69 | +++++++++++++++++++++++++++++++++++++-------------------------------- |
1 file changed, 37 insertions(+), 32 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: #D699B6;
+ --custom-accent-color: #d3869b;
/* background color */
- --uc-my-background-color: #272E33 !important;
+ --uc-my-background-color: #1d2021 !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: #d3c6aa !important;
+ --in-content-page-color: #ebdbb2 !important;
- --table-row-background-color-alternate:#1e2326 !important;
+ --table-row-background-color-alternate:#282828 !important;
/* color of the tab dividers / separators */
/* set variable = none, to disable dividers */
- --custom-tab-divider-color: #535354;
+ --custom-tab-divider-color: none;
}
@-moz-document regexp("^(about:).*") {
body {
- background-color: #272E33 !important;
+ background-color: #1d2021 !important;
}
}
@@ -47,45 +47,45 @@ body, html {
html:not([role="dialog"]) body.activity-stream,
window:not([chromehidden]),
window:not([chromehidden])>dialog {
- --surface-1: #272E33 !important;
- --surface-2: #2e3440 !important;
+ --surface-1: #1d2021 !important;
+ --surface-2: #1d2021 !important;
--accent-surface-1: #ebcb8b !important;
--dashboard-tab-active-ink: #ebcb8b !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-primary-button-background: var(--custom-accent-color, #fabd2f) !important;
+ --in-content-primary-button-background-hover: color-mix(in srgb, #282828 50%, var(--custom-accent-color, #fabd2f)) !important;
+ --in-content-primary-button-background-active: color-mix(in srgb, #282828 65%, var(--custom-accent-color, #fabd2f)) !important;
+
+ --in-content-item-selected: var(--custom-accent-color, #fabd2f) !important;
+ --in-content-border-highlight: var(--custom-accent-color, #fabd2f) !important;
+ --in-content-border-hover: color-mix(in srgb, #282828 50%, var(--custom-accent-color, #fabd2f)) !important;
+ /* --in-content-border-focus: color-mix(in srgb, #282828 65%, var(--custom-accent-color, #fabd2f)) !important; */
+ --in-content-border-focus: var(--custom-accent-color, #fabd2f) !important;
+ --in-content-border-active: var(--custom-accent-color, #fabd2f) !important;
+ --in-content-border-active-shadow: var(--custom-accent-color, #fabd2f) !important;
--in-content-category-outline-focus: 1px solid transparent !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;
+ --in-content-accent-color: var(--custom-accent-color, #fabd2f) !important;
+ --in-content-table-header-background: var(--custom-accent-color, #fabd2f) !important;
+ --in-content-link-color: var(--custom-accent-color, #fabd2f) !important;
+ --in-content-link-color-hover: color-mix(in srgb, #282828 50%, var(--custom-accent-color, #fabd2f)) !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, white 50%, var(--custom-accent-color, #0a84ff)) !important;
+ --color-accent-primary-hover: color-mix(in srgb, #282828 50%, var(--custom-accent-color, #fabd2f)) !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, white 50%, var(--custom-accent-color, #0a84ff)) !important;
+ --brand-color-accent-hover: color-mix(in srgb, #282828 50%, var(--custom-accent-color, #fabd2f)) !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, #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;
+ --checkbox-checked-bgcolor: var(--custom-accent-color, #fabd2f) !important;
+ --checkbox-checked-hover-bgcolor: color-mix(in srgb, #282828 50%, var(--custom-accent-color, #fabd2f)) !important;
+ --checkbox-checked-active-bgcolor: color-mix(in srgb, #282828 65%, var(--custom-accent-color, #fabd2f)) !important;
}
}
@@ -101,11 +101,16 @@ body, html {
}
::-moz-progress-bar {
- background-color: var(--custom-accent-color, #0a84ff) !important;
+ background-color: var(--custom-accent-color, #fabd2f) !important;
}
login-filter {
- --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-primary-button-background: var(--custom-accent-color, #fabd2f) !important;
+ --in-content-primary-button-background-hover: color-mix(in srgb, #282828 50%, var(--custom-accent-color, #fabd2f)) !important;
+ --in-content-primary-button-background-active: color-mix(in srgb, #282828 65%, var(--custom-accent-color, #fabd2f)) !important;
+}
+
+::selection {
+ color: #282828 !important;
+ background: #fabd2f !important;
}
