mirror of
https://github.com/basecamp/omarchy.git
synced 2026-02-17 15:25:37 +00:00
4a07b94cb6
* Attempt to templaterize the theme specific files * Cleanup * Slim down * Combine render into -set * Pull out the dynamic template rendering again, but simpler * Fix vars * Variables are lowercase * Better presentation * Fix missing colors * Provide stripped values too * Fix colors for regular hex format * Bring back explicit btop themes They're too involved to derive from a basic color set * Make an atomic swap of the theme directories * No longer used by walker to cancel * Explain why * Remove redundant const * Consistent const naming * No longe have $THEMES_DIR * Correct the blue * Set opencode colors too * Fix colors for readability * Move the templates together with the others in default * Split user themes and default themes * Fix paths * Look for both user themes and default themes Plus speed things up * Migrate to the new setup where default themes live inside omarchy * Explicitly store the name of the current theme * Cleanup * No longer need omarchy-theme-next since themes are now fully rendered, not symlinks * Get current theme name from the new theme.name file * Look for user background images in dedicated directory * Need yq for toml * Need yq to parse colors.toml * Look for backgrounds matching the new theme.name We no longer have symlinks * Migrate existing user backgrounds to the new proper location * Install user backgrounds in the correct path * Fix quoting * Just rely on the system theme for opencode and get ready for USRSIG2 being available to live reload * Fix template generation for rgb colors
95 lines
1.9 KiB
Smarty
95 lines
1.9 KiB
Smarty
@define-color foreground {{ foreground }};
|
|
@define-color background {{ background }};
|
|
@define-color accent {{ accent }};
|
|
@define-color muted {{ color8 }};
|
|
@define-color card_bg {{ color0 }};
|
|
@define-color text_dark {{ background }};
|
|
@define-color accent_hover {{ color12 }};
|
|
@define-color selected_tab {{ accent }};
|
|
@define-color text {{ foreground }};
|
|
|
|
* {
|
|
all: unset;
|
|
font-family: JetBrains Mono NF;
|
|
color: @foreground;
|
|
font-weight: bold;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.window {
|
|
background: alpha(@background, 0.95);
|
|
border: solid 2px @accent;
|
|
margin: 4px;
|
|
padding: 18px;
|
|
}
|
|
|
|
tabs {
|
|
padding: 0.5rem 1rem;
|
|
}
|
|
|
|
tabs > tab {
|
|
margin-right: 1rem;
|
|
}
|
|
|
|
.tab-label {
|
|
color: @text;
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
tabs > tab:checked > .tab-label, tabs > tab:active > .tab-label {
|
|
text-decoration: underline currentColor;
|
|
color: @selected_tab;
|
|
}
|
|
|
|
tabs > tab:focus > .tab-label {
|
|
color: @foreground;
|
|
}
|
|
|
|
.page {
|
|
padding: 1rem;
|
|
}
|
|
|
|
.image-label {
|
|
font-size: 12px;
|
|
padding: 0.25rem;
|
|
}
|
|
|
|
flowboxchild > .card, button > .card {
|
|
transition: all 0.2s ease;
|
|
border: solid 2px transparent;
|
|
border-color: @background;
|
|
border-radius: 5px;
|
|
background-color: @card_bg;
|
|
padding: 5px;
|
|
}
|
|
|
|
flowboxchild:hover > .card, button:hover > .card, flowboxchild:active > .card, flowboxchild:selected > .card, button:active > .card, button:selected > .card, button:focus > .card {
|
|
border: solid 2px @accent;
|
|
}
|
|
|
|
.image {
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.region-button {
|
|
padding: 0.5rem 1rem;
|
|
border-radius: 5px;
|
|
background-color: @accent;
|
|
color: @text_dark;
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
.region-button > label {
|
|
color: @text_dark;
|
|
}
|
|
|
|
.region-button:not(:disabled):hover, .region-button:not(:disabled):focus {
|
|
background-color: @accent_hover;
|
|
color: @text_dark;
|
|
}
|
|
|
|
.region-button:disabled {
|
|
background-color: @muted;
|
|
color: @background;
|
|
}
|