mirror/Cleanuparr
1
0
Fork 0
mirror of https://github.com/Cleanuparr/Cleanuparr.git synced 2026-06-09 14:25:43 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fix some backgrounds not respecting the custom color (#619)

Browse Source
This commit is contained in:
Flaminel
2026-05-27 20:08:43 +03:00
committed by GitHub
parent 8ccd93dc97
commit ffc8a0a39a
2 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
code/frontend/src/styles/_animations.scss
View File

@@ -132,6 +132,7 @@
--glass-blur-lg: 0px;
--glass-shadow: none;
--surface-elevated: #1e1232;
--surface-elevated: color-mix(in srgb, var(--brand-500) 22%, #000000);
--duration-fast: 0ms;
--duration-normal: 0ms;
--duration-slow: 0ms;
@@ -161,6 +162,7 @@
--glass-blur-lg: 0px;
--glass-shadow: none;
--surface-elevated: #1e1232;
--surface-elevated: color-mix(in srgb, var(--brand-500) 22%, #000000);
--duration-fast: 0ms;
--duration-normal: 0ms;
--duration-slow: 0ms;

14
code/frontend/src/styles/_themes.scss
View File

@@ -13,8 +13,11 @@
--surface-section: #14091e;
--surface-section: color-mix(in srgb, var(--brand-500) 14%, #000000);
--surface-card: rgba(20, 11, 34, 0.75);
--surface-card: color-mix(in srgb, var(--brand-500) 12%, rgba(0, 0, 0, 0.75));
--surface-overlay: rgba(12, 6, 20, 0.92);
--surface-overlay: color-mix(in srgb, var(--brand-500) 6%, rgba(0, 0, 0, 0.92));
--surface-elevated: rgba(30, 18, 50, 0.65);
--surface-elevated: color-mix(in srgb, var(--brand-500) 16%, rgba(0, 0, 0, 0.65));
// Glass
--glass-bg: rgba(255, 255, 255, 0.04);
@@ -50,6 +53,7 @@
// Toolbar
--toolbar-bg: rgba(12, 6, 20, 0.80);
--toolbar-bg: color-mix(in srgb, var(--brand-500) 6%, rgba(0, 0, 0, 0.80));
--toolbar-border: rgba(255, 255, 255, 0.06);
// Input
@@ -68,6 +72,7 @@
// Dropdown
--dropdown-bg: rgba(20, 11, 34, 0.97);
--dropdown-bg: color-mix(in srgb, var(--brand-500) 10%, rgba(0, 0, 0, 0.97));
// Divider
--divider: rgba(255, 255, 255, 0.08);
@@ -92,8 +97,8 @@
--orb-opacity: 0.15;
--orb-blur: 120px;
--orb-primary: radial-gradient(circle, var(--brand-500), var(--brand-800));
--orb-secondary: radial-gradient(circle, var(--brand-400), var(--color-info));
--orb-tertiary: radial-gradient(circle, #06b6d4, #3b82f6);
--orb-secondary: radial-gradient(circle, var(--brand-400), var(--brand-600));
--orb-tertiary: radial-gradient(circle, var(--brand-400), var(--brand-700));
}
// Light theme
@@ -105,6 +110,7 @@
--surface-section: color-mix(in srgb, var(--brand-500) 6%, #ffffff);
--surface-card: rgba(255, 255, 255, 0.70);
--surface-overlay: rgba(245, 240, 250, 0.94);
--surface-overlay: color-mix(in srgb, var(--brand-500) 6%, rgba(255, 255, 255, 0.94));
--surface-elevated: rgba(255, 255, 255, 0.80);
// Glass
@@ -183,6 +189,6 @@
--orb-opacity: 0.35;
--orb-blur: 150px;
--orb-primary: radial-gradient(circle, var(--brand-500), var(--brand-700));
--orb-secondary: radial-gradient(circle, var(--brand-400), var(--color-info));
--orb-tertiary: radial-gradient(circle, #0891b2, #6366f1);
--orb-secondary: radial-gradient(circle, var(--brand-400), var(--brand-600));
--orb-tertiary: radial-gradient(circle, var(--brand-500), var(--brand-800));
}