BetterSEQTA/BetterSEQTA-Plus
1
0
Fork 0
mirror of https://github.com/BetterSEQTA/BetterSEQTA-Plus.git synced 2026-06-05 19:24:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

compat: improve compat for nueromphic theme

Browse Source
This commit is contained in:
Aden Lindsay
2026-06-02 13:11:34 +09:30
parent acb2c682f3
commit 9093553ff1
2 changed files with 43 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/plugins/built-in/gradeAnalytics/styles.css
+35 -32
View File
@@ -112,15 +112,17 @@
} }
.bsplus-analytics-btn-privacy { .bsplus-analytics-btn-privacy {
background: transparent; background: var(--bsplus-theme-btn-privacy-bg, transparent);
color: var(--bsplus-analytics-text); color: var(--bsplus-theme-btn-privacy-color, var(--bsplus-analytics-text));
border: none; border: var(--bsplus-theme-btn-privacy-border, none);
box-shadow: var(--bsplus-theme-btn-privacy-shadow, none);
padding: 0.65rem 0.75rem; padding: 0.65rem 0.75rem;
} }
.bsplus-analytics-btn-privacy:hover:not(:disabled) { .bsplus-analytics-btn-privacy:hover:not(:disabled) {
transform: scale(1.02); transform: scale(1.02);
color: var(--bsplus-analytics-accent); color: var(--bsplus-theme-btn-privacy-hover-color, var(--bsplus-analytics-accent));
box-shadow: var(--bsplus-theme-btn-privacy-hover-shadow, none);
} }
.bsplus-analytics-header-text h1 { .bsplus-analytics-header-text h1 {
@@ -201,9 +203,9 @@
} }
.bsplus-analytics-btn-primary { .bsplus-analytics-btn-primary {
background: var(--bsplus-analytics-accent); background: var(--bsplus-theme-btn-primary-bg, var(--bsplus-analytics-accent));
color: #fff; color: var(--bsplus-theme-btn-primary-color, #fff);
box-shadow: 0 2px 8px color-mix(in srgb, var(--bsplus-analytics-accent) 40%, transparent); box-shadow: var(--bsplus-theme-btn-primary-shadow, 0 2px 8px color-mix(in srgb, var(--bsplus-analytics-accent) 40%, transparent));
} }
.bsplus-analytics-btn-primary:hover:not(:disabled) { .bsplus-analytics-btn-primary:hover:not(:disabled) {
@@ -216,9 +218,10 @@
} }
.bsplus-analytics-btn-ghost { .bsplus-analytics-btn-ghost {
background: transparent; background: var(--bsplus-theme-btn-ghost-bg, transparent);
color: var(--bsplus-analytics-text); color: var(--bsplus-theme-btn-ghost-color, var(--bsplus-analytics-text));
border: 2px solid var(--bsplus-analytics-border); border: var(--bsplus-theme-btn-ghost-border, 2px solid var(--bsplus-analytics-border));
box-shadow: var(--bsplus-theme-btn-ghost-shadow, none);
} }
.bsplus-analytics-btn-ghost:hover:not(:disabled) { .bsplus-analytics-btn-ghost:hover:not(:disabled) {
@@ -247,10 +250,10 @@
.bsplus-analytics-stat { .bsplus-analytics-stat {
padding: 1.1rem 1.25rem; padding: 1.1rem 1.25rem;
border-radius: var(--bsplus-analytics-radius); border-radius: var(--bsplus-theme-card-radius, var(--bsplus-analytics-radius));
background: var(--bsplus-analytics-surface); background: var(--bsplus-theme-card-bg, var(--bsplus-analytics-surface));
border: 1px solid var(--bsplus-analytics-border); border: var(--bsplus-theme-card-border, 1px solid var(--bsplus-analytics-border));
box-shadow: var(--bsplus-analytics-shadow); box-shadow: var(--bsplus-theme-card-shadow, var(--bsplus-analytics-shadow));
transition: transition:
transform 0.25s var(--bsplus-analytics-ease), transform 0.25s var(--bsplus-analytics-ease),
box-shadow 0.25s var(--bsplus-analytics-ease); box-shadow 0.25s var(--bsplus-analytics-ease);
@@ -258,7 +261,7 @@
.bsplus-analytics-stat:hover { .bsplus-analytics-stat:hover {
transform: translateY(-2px); transform: translateY(-2px);
box-shadow: var(--bsplus-analytics-shadow-hover); box-shadow: var(--bsplus-theme-card-shadow-hover, var(--bsplus-analytics-shadow-hover));
} }
.bsplus-analytics-stat-label { .bsplus-analytics-stat-label {
@@ -288,10 +291,10 @@
align-items: center; align-items: center;
gap: 1rem; gap: 1rem;
padding: 1rem 1.15rem; padding: 1rem 1.15rem;
border-radius: var(--bsplus-analytics-radius); border-radius: var(--bsplus-theme-card-radius, var(--bsplus-analytics-radius));
background: var(--bsplus-analytics-surface); background: var(--bsplus-theme-card-bg, var(--bsplus-analytics-surface));
border: 1px solid var(--bsplus-analytics-border); border: var(--bsplus-theme-card-border, 1px solid var(--bsplus-analytics-border));
box-shadow: var(--bsplus-analytics-shadow); box-shadow: var(--bsplus-theme-card-shadow, var(--bsplus-analytics-shadow));
overflow: visible; overflow: visible;
position: relative; position: relative;
z-index: 40; z-index: 40;
@@ -552,10 +555,10 @@
.bsplus-analytics-card { .bsplus-analytics-card {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
border-radius: var(--bsplus-analytics-radius); border-radius: var(--bsplus-theme-card-radius, var(--bsplus-analytics-radius));
background: var(--bsplus-analytics-surface); background: var(--bsplus-theme-card-bg, var(--bsplus-analytics-surface));
border: 1px solid var(--bsplus-analytics-border); border: var(--bsplus-theme-card-border, 1px solid var(--bsplus-analytics-border));
box-shadow: var(--bsplus-analytics-shadow); box-shadow: var(--bsplus-theme-card-shadow, var(--bsplus-analytics-shadow));
overflow: hidden; overflow: hidden;
transition: transition:
transform 0.3s var(--bsplus-analytics-ease), transform 0.3s var(--bsplus-analytics-ease),
@@ -563,7 +566,7 @@
} }
.bsplus-analytics-card:hover { .bsplus-analytics-card:hover {
box-shadow: var(--bsplus-analytics-shadow-hover); box-shadow: var(--bsplus-theme-card-shadow-hover, var(--bsplus-analytics-shadow-hover));
} }
.bsplus-analytics-card-header { .bsplus-analytics-card-header {
@@ -780,10 +783,10 @@
/* ─── Table ─── */ /* ─── Table ─── */
.bsplus-analytics-table-wrap { .bsplus-analytics-table-wrap {
border-radius: var(--bsplus-analytics-radius); border-radius: var(--bsplus-theme-card-radius, var(--bsplus-analytics-radius));
background: var(--bsplus-analytics-surface); background: var(--bsplus-theme-card-bg, var(--bsplus-analytics-surface));
border: 1px solid var(--bsplus-analytics-border); border: var(--bsplus-theme-card-border, 1px solid var(--bsplus-analytics-border));
box-shadow: var(--bsplus-analytics-shadow); box-shadow: var(--bsplus-theme-card-shadow, var(--bsplus-analytics-shadow));
overflow: hidden; overflow: hidden;
} }
@@ -932,10 +935,10 @@
gap: 1rem; gap: 1rem;
padding: 3rem 2rem; padding: 3rem 2rem;
text-align: center; text-align: center;
border-radius: var(--bsplus-analytics-radius); border-radius: var(--bsplus-theme-card-radius, var(--bsplus-analytics-radius));
background: var(--bsplus-analytics-surface); background: var(--bsplus-theme-card-bg, var(--bsplus-analytics-surface));
border: 1px solid var(--bsplus-analytics-border); border: var(--bsplus-theme-card-border, 1px solid var(--bsplus-analytics-border));
box-shadow: var(--bsplus-analytics-shadow); box-shadow: var(--bsplus-theme-card-shadow, var(--bsplus-analytics-shadow));
} }
.bsplus-analytics-empty h2 { .bsplus-analytics-empty h2 {
src/plugins/built-in/gradeAnalytics/ui.ts
+8
View File
@@ -62,7 +62,15 @@ function extractSolidColor(value: string): string | null {
return null; return null;
} }
const THEME_ACCENT_OVERRIDES: Record<string, string> = {
"bb0aaf40-55ef-40f7-bc64-93b67ef96c01": "#4ade80",
};
function resolvePageAccentColor(): string { function resolvePageAccentColor(): string {
const themeId = settingsState.selectedTheme;
if (themeId && themeId in THEME_ACCENT_OVERRIDES) {
return THEME_ACCENT_OVERRIDES[themeId];
}
const computed = getComputedStyle(document.documentElement); const computed = getComputedStyle(document.documentElement);
for (const name of ACCENT_CSS_VARS) { for (const name of ACCENT_CSS_VARS) {
const solid = extractSolidColor(computed.getPropertyValue(name)); const solid = extractSolidColor(computed.getPropertyValue(name));