fix: remove Stardust background dots

This commit is contained in:
Avi 2026-09-01 09:17:00 -05:00
commit d2d773a8ff

View file

@ -3,6 +3,8 @@
Light/dark/system themes via `data-theme` on <html>. 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,
:root[data-theme='light'] { :root[data-theme='light'] {
--bg: #f6f4f0; --bg: #f6f4f0;
@ -353,8 +355,6 @@ html[data-theme='impeccable-dark'] .sidebar {
Fonts: Source Serif 4 for body, Cormorant Garamond for headings. Fonts: Source Serif 4 for body, Cormorant Garamond for headings.
Sidebar: Deep (darker background). Workspace: Deep Space (dramatic vignette). */ 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'] { :root[data-theme='cosmic'] {
/* Stardust dark mode colors */ /* Stardust dark mode colors */
--bg: #171109; --bg: #171109;
@ -365,19 +365,19 @@ html[data-theme='impeccable-dark'] .sidebar {
--border-strong: #3d3220; --border-strong: #3d3220;
--text: #fff5dc; --text: #fff5dc;
--text-muted: #d5bd8d; --text-muted: #d5bd8d;
--primary: #efbd62; --primary: #f3b407;
--primary-hover: #ffdb91; --primary-hover: #ffc933;
--primary-soft: rgba(239, 189, 98, 0.15); --primary-soft: rgba(243, 180, 7, 0.15);
--on-primary: #171109; --on-primary: #171109;
--danger: #f08e7d; --danger: #f3b407;
--danger-soft: rgba(240, 142, 125, 0.15); --danger-soft: rgba(243, 180, 7, 0.15);
--warning: #f08e7d; --warning: #f3b407;
--warning-soft: rgba(240, 142, 125, 0.15); --warning-soft: rgba(243, 180, 7, 0.15);
--success: #74d7cb; --success: #87e6fb;
--success-soft: rgba(116, 215, 203, 0.15); --success-soft: rgba(135, 230, 251, 0.15);
--info: #74d7cb; --info: #87e6fb;
--info-soft: rgba(116, 215, 203, 0.15); --info-soft: rgba(135, 230, 251, 0.15);
--focus: #efbd62; --focus: #f3b407;
--shadow: 0 2px 8px rgba(0, 0, 0, 0.4); --shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
--shadow-modal: 0 12px 40px rgba(0, 0, 0, 0.6); --shadow-modal: 0 12px 40px rgba(0, 0, 0, 0.6);
--radius: 8px; --radius: 8px;
@ -403,17 +403,17 @@ html[data-theme='cosmic'] h4 {
html[data-theme='cosmic'] h1 { html[data-theme='cosmic'] h1 {
font-size: 28px; font-size: 28px;
color: #efbd62; color: #f3b407;
} }
html[data-theme='cosmic'] h2 { html[data-theme='cosmic'] h2 {
font-size: 20px; font-size: 20px;
color: #74d7cb; color: #87e6fb;
} }
html[data-theme='cosmic'] h3 { html[data-theme='cosmic'] h3 {
font-size: 18px; font-size: 18px;
color: #f08e7d; color: #f3b407;
} }
/* Cosmic sidebar - Deep background (darker) */ /* Cosmic sidebar - Deep background (darker) */
@ -422,15 +422,13 @@ html[data-theme='cosmic'] .sidebar {
border-right-color: var(--border); border-right-color: var(--border);
} }
html[data-theme='cosmic'] .sidebar-logo img {
filter: invert(1);
}
/* Cosmic workspace - Deep Space background with vignette effect */ /* Cosmic workspace - Deep Space background with vignette effect */
html[data-theme='cosmic'] .app-shell { html[data-theme='cosmic'] .app-shell {
background: 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 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 88% 12%, rgba(116, 215, 203, 0.42), transparent 46rem),
radial-gradient(circle at 52% 100%, rgba(240, 142, 125, 0.36), transparent 50rem), radial-gradient(circle at 52% 100%, rgba(240, 142, 125, 0.36), transparent 50rem),