john/svsmspcalc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Pre-Alpha to Alpha Ready

Browse Source
This commit is contained in:
John OReilly
2026-03-16 01:42:17 -04:00
parent 42b7b06dda
commit e6c0baef3b
60 changed files with 12287 additions and 230 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
SVS-MSP-Calculator-glass.css
View File

@@ -32,6 +32,10 @@ html {
--theme-chip-fg: #223142;
--theme-chip-border: rgba(83, 117, 150, 0.24);
--theme-chip-shadow: 0 10px 24px rgba(6, 18, 31, 0.14);
--group-strip: color-mix(in srgb, var(--accent) 20%, var(--paper));
--shadow-card: 0 2px 12px rgba(0,0,0,0.2), 0 1px 4px rgba(0,0,0,0.12);
--shadow-card-hover: 0 4px 20px rgba(0,0,0,0.25), 0 2px 8px rgba(0,0,0,0.15);
--shadow-card-open: 0 8px 28px rgba(0,0,0,0.3), 0 2px 10px rgba(0,0,0,0.18);
--section-hover-border: rgba(105, 200, 255, 0.34);
--section-hover-shadow:
-4px 0 0 0 rgba(105, 200, 255, 0.36),
@@ -79,15 +83,15 @@ html {
--glass-section-num: rgba(226, 239, 255, 0.18);
--glass-section-num-glow: 0 0 26px rgba(105, 200, 255, 0.1);
--glass-heading: #f4f9ff;
--glass-heading-soft: #f1f8ff;
--glass-heading-soft: var(--glass-heading);
--glass-client-border: rgba(143, 183, 221, 0.24);
--glass-client-placeholder: rgba(159, 179, 201, 0.72);
--glass-ghost-bg: rgba(255, 255, 255, 0.04);
--glass-ghost-border: rgba(143, 183, 221, 0.18);
--glass-ghost-border: var(--glass-panel-border);
--glass-ghost-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
--glass-ghost-hover-bg: rgba(105, 200, 255, 0.12);
--glass-ghost-hover-border: rgba(105, 200, 255, 0.3);
--glass-ghost-hover-text: #f2f8ff;
--glass-ghost-hover-text: var(--glass-heading);
--glass-group-surface: rgba(5, 11, 21, 0.3);
--glass-input-surface: rgba(5, 11, 21, 0.34);
--surface-term-wrap: linear-gradient(180deg, rgba(12, 21, 34, 0.62), rgba(8, 15, 26, 0.54));
@@ -96,7 +100,7 @@ html {
--surface-term-tile-active:
linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 42%),
linear-gradient(135deg, rgba(62, 142, 190, 0.58) 0%, rgba(42, 107, 156, 0.62) 58%, rgba(24, 70, 118, 0.68) 100%);
--border-term-wrap: rgba(143, 183, 221, 0.18);
--border-term-wrap: var(--glass-panel-border);
--border-term-tile-active: rgba(105, 200, 255, 0.16);
--shadow-term-wrap: inset 0 1px 0 rgba(255, 255, 255, 0.05);
--shadow-term-tile-active:
@@ -106,7 +110,7 @@ html {
--text-term-name-active: var(--text-on-accent);
--text-term-sub: var(--muted);
--text-term-sub-active: var(--text-on-accent);
--text-term-discount: #f2f8ff;
--text-term-discount: var(--glass-heading);
--text-term-discount-active: var(--text-on-accent);
--surface-best-value: rgba(99, 216, 162, 0.12);
--border-best-value: rgba(99, 216, 162, 0.26);
@@ -115,7 +119,7 @@ html {
--border-best-value-active: rgba(255, 255, 255, 0.34);
--text-best-value-active: #ffffff;
--text-pill-savings-active: #a8f0c8;
--glass-input-border: rgba(143, 183, 221, 0.2);
--glass-input-border: var(--glass-panel-border);
--glass-input-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
--glass-input-focus-border: rgba(105, 200, 255, 0.55);
--glass-input-focus-shadow: 0 0 0 3px rgba(105, 200, 255, 0.16);
@@ -137,9 +141,9 @@ html {
--surface-switch-on: var(--green);
--glass-switch-knob: rgba(250, 252, 255, 0.95);
--glass-switch-shadow: 0 2px 8px rgba(3, 9, 18, 0.28);
--glass-selected-bg: rgba(105, 200, 255, 0.12);
--glass-selected-border: rgba(105, 200, 255, 0.28);
--glass-selected-text: #f3fbff;
--glass-selected-bg: var(--glass-ghost-hover-bg);
--glass-selected-border: var(--glass-ghost-hover-border);
--glass-selected-text: var(--glass-heading);
--surface-addon-hover: rgba(105, 200, 255, 0.08);
--border-addon-hover: rgba(105, 200, 255, 0.24);
--glass-feature-bg: linear-gradient(180deg, rgba(19, 31, 49, 0.8), rgba(10, 18, 30, 0.72));
@@ -151,7 +155,7 @@ html {
--glass-warning-bg: linear-gradient(180deg, rgba(66, 41, 12, 0.84), rgba(43, 27, 8, 0.76));
--glass-warning-border: rgba(255, 190, 104, 0.26);
--glass-addon-active-bg: rgba(105, 200, 255, 0.16);
--glass-addon-active-border: rgba(105, 200, 255, 0.28);
--glass-addon-active-border: var(--glass-ghost-hover-border);
--glass-addon-active-text: #dff3ff;
--glass-pill-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
--glass-divider: rgba(143, 183, 221, 0.14);
@@ -162,8 +166,8 @@ html {
--glass-export-shadow: 0 14px 28px rgba(29, 108, 186, 0.26);
--glass-reset-text: #dceefe;
--glass-reset-hover-bg: rgba(105, 200, 255, 0.1);
--glass-reset-hover-border: rgba(105, 200, 255, 0.32);
--glass-reset-hover-text: #f2f8ff;
--glass-reset-hover-border: var(--glass-ghost-hover-border);
--glass-reset-hover-text: var(--glass-heading);
--sky: #7dd3fc;
--glass-modal-backdrop: rgba(2, 7, 15, 0.72);
--glass-modal-bg: linear-gradient(180deg, rgba(18, 29, 46, 0.86), rgba(10, 17, 29, 0.8));
@@ -182,9 +186,13 @@ html {
--glass-mobile-panel-shadow:
0 14px 36px rgba(2, 8, 17, 0.28),
inset 0 1px 0 rgba(255, 255, 255, 0.05);
--sidebar-zone-services: rgba(105, 200, 255, 0.03);
--sidebar-zone-invoice: rgba(105, 200, 255, 0.05);
--sidebar-zone-value: rgba(105, 200, 255, 0.02);
--sidebar-zone-services: rgba(105, 200, 255, 0.04);
--sidebar-zone-invoice: rgba(105, 200, 255, 0.07);
--sidebar-zone-value: rgba(99, 216, 162, 0.04);
--sidebar-zone-summary: rgba(105, 200, 255, 0.03);
--sidebar-row-stripe: rgba(105, 200, 255, 0.03);
--sidebar-line-rule: rgba(143, 183, 221, 0.12);
--sidebar-total-rule: rgba(143, 183, 221, 0.22);
}
body {
@@ -226,10 +234,6 @@ body::before {
.outer {
padding-top: var(--sidebar-top-gap) !important;
}
.side-col {
top: var(--sidebar-sticky-top) !important;
}
}
.section,
@@ -242,7 +246,6 @@ body::before {
.mobile-panel-actions,
.confirm-modal-card,
.vs-comparison-wrap,
.export-wrap,
.pitch-inner {
background: var(--glass-panel-bg) !important;
border-color: var(--glass-panel-border) !important;
@@ -458,16 +461,20 @@ body::before {
}
.collapsible-header,
.sidebar-line,
.pitch-item,
.vs-label::after,
.sidebar-line-total,
.pitch-footer,
.export-wrap,
.mobile-panel-close-row,
.mobile-panel-actions {
border-color: var(--glass-divider) !important;
}
.sidebar-line {
border-bottom-color: var(--glass-divider) !important;
}
.sidebar-line.sidebar-line-total {
border-top-color: var(--sidebar-total-rule) !important;
border-bottom: none !important;
}
.sidebar-title,
.sidebar-client.placeholder {
@@ -505,7 +512,8 @@ body::before {
}
.export-wrap {
border-top: 1px solid var(--glass-divider) !important;
background: transparent !important;
border-top: none !important;
}
body.sidebar-focus-open .side-col .export-wrap {
background: transparent !important;