avi/Keynctr
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: remove Stardust background dots

Browse source
This commit is contained in:
Avi 2026-09-01 09:17:00 -05:00
commit d2d773a8ff
1 changed files with 21 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

44
frontend/src/styles.css
View file

@ -3,6 +3,8 @@
Light/dark/system themes via `data-theme` on <html>.
========================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,500;0,8..60,600;0,8..60,700;1,8..60,400;1,8..60,500;1,8..60,600;1,8..60,700&display=swap');
:root,
:root[data-theme='light'] {
--bg: #f6f4f0;
@ -353,8 +355,6 @@ html[data-theme='impeccable-dark'] .sidebar {
Fonts: Source Serif 4 for body, Cormorant Garamond for headings.
Sidebar: Deep (darker background). Workspace: Deep Space (dramatic vignette). */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,500;0,8..60,600;0,8..60,700;1,8..60,400;1,8..60,500;1,8..60,600;1,8..60,700&display=swap');
:root[data-theme='cosmic'] {
/* Stardust dark mode colors */
--bg: #171109;
@ -365,19 +365,19 @@ html[data-theme='impeccable-dark'] .sidebar {
--border-strong: #3d3220;
--text: #fff5dc;
--text-muted: #d5bd8d;
--primary: #efbd62;
--primary-hover: #ffdb91;
--primary-soft: rgba(239, 189, 98, 0.15);
--primary: #f3b407;
--primary-hover: #ffc933;
--primary-soft: rgba(243, 180, 7, 0.15);
--on-primary: #171109;
--danger: #f08e7d;
--danger-soft: rgba(240, 142, 125, 0.15);
--warning: #f08e7d;
--warning-soft: rgba(240, 142, 125, 0.15);
--success: #74d7cb;
--success-soft: rgba(116, 215, 203, 0.15);
--info: #74d7cb;
--info-soft: rgba(116, 215, 203, 0.15);
--focus: #efbd62;
--danger: #f3b407;
--danger-soft: rgba(243, 180, 7, 0.15);
--warning: #f3b407;
--warning-soft: rgba(243, 180, 7, 0.15);
--success: #87e6fb;
--success-soft: rgba(135, 230, 251, 0.15);
--info: #87e6fb;
--info-soft: rgba(135, 230, 251, 0.15);
--focus: #f3b407;
--shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
--shadow-modal: 0 12px 40px rgba(0, 0, 0, 0.6);
--radius: 8px;
@ -403,17 +403,17 @@ html[data-theme='cosmic'] h4 {
html[data-theme='cosmic'] h1 {
font-size: 28px;
color: #efbd62;
color: #f3b407;
}
html[data-theme='cosmic'] h2 {
font-size: 20px;
color: #74d7cb;
color: #87e6fb;
}
html[data-theme='cosmic'] h3 {
font-size: 18px;
color: #f08e7d;
color: #f3b407;
}
/* Cosmic sidebar - Deep background (darker) */
@ -422,15 +422,13 @@ html[data-theme='cosmic'] .sidebar {
border-right-color: var(--border);
}
html[data-theme='cosmic'] .sidebar-logo img {
filter: invert(1);
}
/* Cosmic workspace - Deep Space background with vignette effect */
html[data-theme='cosmic'] .app-shell {
background:
radial-gradient(circle at 8% 13%, rgba(255, 245, 220, 0.72) 0 1px, transparent 1.7px),
radial-gradient(circle at 27% 7%, rgba(116, 215, 203, 0.82) 0 1px, transparent 1.8px),
radial-gradient(circle at 73% 19%, rgba(255, 245, 220, 0.68) 0 1.2px, transparent 1.9px),
radial-gradient(circle at 91% 42%, rgba(240, 142, 125, 0.78) 0 1px, transparent 1.8px),
radial-gradient(circle at 61% 78%, rgba(255, 245, 220, 0.64) 0 1px, transparent 1.7px),
radial-gradient(circle at 18% 84%, rgba(239, 189, 98, 0.82) 0 1.2px, transparent 2px),
radial-gradient(circle at 12% 4%, rgba(239, 189, 98, 0.52), transparent 58rem),
radial-gradient(circle at 88% 12%, rgba(116, 215, 203, 0.42), transparent 46rem),
radial-gradient(circle at 52% 100%, rgba(240, 142, 125, 0.36), transparent 50rem),