mirror of
https://github.com/AgentSeal/codeburn.git
synced 2026-05-20 09:03:50 +00:00
4c5ec0f985
Expand the popup to show everything the TUI does: period switcher submenu, top activities with one-shot rate, top models, provider breakdown when more than one provider has data, optimize findings, and an updated-timestamp row. Add per-period Open Full Report so the terminal view matches what the popup was showing. For theme compatibility, stop hardcoding colors that don't work on both light and dark GNOME themes. Keep the brand orange (#ff8c42) for the header and findings, let everything else inherit the shell palette, and express dimming through opacity instead of rgba so the popup reads correctly on Yaru Light, Yaru Dark, Adwaita, Adwaita Dark, and any other theme. Add a listener on org.gnome.desktop.interface color-scheme so the indicator re-applies its .codeburn-dark / .codeburn-light class when the user flips the system theme, without waiting for a reload.
77 lines
1.6 KiB
CSS
77 lines
1.6 KiB
CSS
/*
|
|
* CodeBurn GNOME Shell extension styles.
|
|
*
|
|
* Inherits colors from the active GNOME shell theme so the popup looks native on
|
|
* both light and dark system themes. Only the brand accent (orange) is hardcoded;
|
|
* every other color is left to the theme. Typography and spacing are tight to
|
|
* keep the popup compact even when every section is populated.
|
|
*/
|
|
|
|
.codeburn-panel {
|
|
spacing: 4px;
|
|
}
|
|
|
|
.codeburn-flame {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.codeburn-label {
|
|
font-weight: 500;
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
}
|
|
|
|
.codeburn-header {
|
|
font-weight: 600;
|
|
color: #ff8c42;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.codeburn-meta {
|
|
font-size: 11px;
|
|
opacity: 0.75;
|
|
}
|
|
|
|
.codeburn-section-title {
|
|
font-weight: 600;
|
|
font-size: 11px;
|
|
letter-spacing: 0.06em;
|
|
text-transform: uppercase;
|
|
opacity: 0.6;
|
|
padding-top: 4px;
|
|
}
|
|
|
|
.codeburn-row {
|
|
font-family: monospace;
|
|
font-size: 11.5px;
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
}
|
|
|
|
.codeburn-empty {
|
|
font-style: italic;
|
|
opacity: 0.55;
|
|
padding-left: 8px;
|
|
}
|
|
|
|
.codeburn-findings {
|
|
color: #ff8c42;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.codeburn-updated {
|
|
font-size: 10px;
|
|
opacity: 0.5;
|
|
padding-left: 4px;
|
|
}
|
|
|
|
/* Optional: theme-specific tweaks if the inherited colors look off. Both classes
|
|
* are set dynamically by extension.js so we can override per-theme without
|
|
* fighting the shell's default popup palette. */
|
|
.codeburn-dark .codeburn-row {
|
|
/* Monospace can render thin on dark themes; bump weight slightly. */
|
|
}
|
|
|
|
.codeburn-light .codeburn-row {
|
|
/* Nothing yet; placeholder for light-theme specific adjustments. */
|
|
}
|