mirror of
https://github.com/basecamp/omarchy.git
synced 2026-02-17 15:25:37 +00:00
Attempt to templaterize the theme specific files
This commit is contained in:
David Heinemeier Hansson
@@ -1,28 +0,0 @@
|
||||
[colors]
|
||||
[colors.primary]
|
||||
background = '#111c18'
|
||||
foreground = '#C1C497'
|
||||
|
||||
[colors.normal]
|
||||
black = "#23372B"
|
||||
red = "#FF5345"
|
||||
green = "#549e6a"
|
||||
yellow = "#459451"
|
||||
blue = "#509475"
|
||||
magenta = "#D2689C"
|
||||
cyan = "#2DD5B7"
|
||||
white = "#F6F5DD"
|
||||
|
||||
[colors.bright]
|
||||
black = "#53685B"
|
||||
red = "#db9f9c"
|
||||
green = "#63b07a"
|
||||
yellow = "#E5C736"
|
||||
blue = "#ACD4CF"
|
||||
magenta = "#75bbb3"
|
||||
cyan = "#8CD3CB"
|
||||
white = "#9eebb3"
|
||||
|
||||
[colors.cursor]
|
||||
text = "#000000"
|
||||
cursor = "#D7C995"
|
||||
@@ -1,87 +0,0 @@
|
||||
# Main background
|
||||
theme[main_bg]="#111c18"
|
||||
|
||||
# Main text color
|
||||
theme[main_fg]="#F7E8B2"
|
||||
|
||||
# Title color for boxes
|
||||
theme[title]="#D6D5BC"
|
||||
|
||||
# Highlight color for keyboard shortcuts
|
||||
theme[hi_fg]="#E67D64"
|
||||
|
||||
# Background color of selected items
|
||||
theme[selected_bg]="#364538"
|
||||
|
||||
# Foreground color of selected items
|
||||
theme[selected_fg]="#DEB266"
|
||||
|
||||
# Color of inactive/disabled text
|
||||
theme[inactive_fg]="#32473B"
|
||||
|
||||
# Color of text appearing on top of graphs
|
||||
theme[graph_text]="#E6D8BA"
|
||||
|
||||
# Misc colors for processes box
|
||||
theme[proc_misc]="#E6D8BA"
|
||||
|
||||
# Cpu box outline color
|
||||
theme[cpu_box]="#81B8A8"
|
||||
|
||||
# Memory/disks box outline color
|
||||
theme[mem_box]="#81B8A8"
|
||||
|
||||
# Net up/down box outline color
|
||||
theme[net_box]="#81B8A8"
|
||||
|
||||
# Processes box outline color
|
||||
theme[proc_box]="#81B8A8"
|
||||
|
||||
# Box divider line and small boxes line color
|
||||
theme[div_line]="#81B8A8"
|
||||
|
||||
# Temperature graph colors
|
||||
theme[temp_start]="#BFD99A"
|
||||
theme[temp_mid]="#E1B55E"
|
||||
theme[temp_end]="#DBB05C"
|
||||
|
||||
# CPU graph colors
|
||||
theme[cpu_start]="#5F8C86"
|
||||
theme[cpu_mid]="#629C89"
|
||||
theme[cpu_end]="#76AD98"
|
||||
|
||||
# Mem/Disk free meter
|
||||
theme[free_start]="#5F8C86"
|
||||
theme[free_mid]="#629C89"
|
||||
theme[free_end]="#76AD98"
|
||||
|
||||
# Mem/Disk cached meter
|
||||
theme[cached_start]="#5F8C86"
|
||||
theme[cached_mid]="#629C89"
|
||||
theme[cached_end]="#76AD98"
|
||||
|
||||
# Mem/Disk available meter
|
||||
theme[available_start]="#5F8C86"
|
||||
theme[available_mid]="#629C89"
|
||||
theme[available_end]="#76AD98"
|
||||
|
||||
# Mem/Disk used meter
|
||||
theme[used_start]="#5F8C86"
|
||||
theme[used_mid]="#629C89"
|
||||
theme[used_end]="#76AD98"
|
||||
|
||||
# Download graph colors
|
||||
theme[download_start]="#75BBB3"
|
||||
theme[download_mid]="#61949A"
|
||||
theme[download_end]="#215866"
|
||||
|
||||
# Upload graph colors
|
||||
theme[upload_start]="#215866"
|
||||
theme[upload_mid]="#91C080"
|
||||
theme[upload_end]="#549E6A"
|
||||
|
||||
# Process box color gradient for threads, mem and cpu usage
|
||||
theme[process_start]="#72CFA3"
|
||||
theme[process_mid]="#D0D494"
|
||||
theme[process_end]="#DB9F9C"
|
||||
|
||||
24
themes/osaka-jade/colors.toml
Normal file
24
themes/osaka-jade/colors.toml
Normal file
@@ -0,0 +1,24 @@
|
||||
accent = "#509475"
|
||||
active_border_color = "#509475"
|
||||
active_tab_background = "#C1C497"
|
||||
background = "#111c18"
|
||||
color0 = "#23372B"
|
||||
color1 = "#FF5345"
|
||||
color10 = "#63b07a"
|
||||
color11 = "#E5C736"
|
||||
color12 = "#ACD4CF"
|
||||
color13 = "#75bbb3"
|
||||
color14 = "#8CD3CB"
|
||||
color15 = "#9eebb3"
|
||||
color2 = "#549e6a"
|
||||
color3 = "#459451"
|
||||
color4 = "#509475"
|
||||
color5 = "#D2689C"
|
||||
color6 = "#2DD5B7"
|
||||
color7 = "#F6F5DD"
|
||||
color8 = "#53685B"
|
||||
color9 = "#db9f9c"
|
||||
cursor = "#D7C995"
|
||||
foreground = "#C1C497"
|
||||
selection_background = "#C1C497"
|
||||
selection_foreground = "#111C18"
|
||||
@@ -1,25 +0,0 @@
|
||||
# primary
|
||||
background = #111c18
|
||||
foreground = #C1C497
|
||||
cursor-color = #D7C995
|
||||
cursor-text = #000000
|
||||
|
||||
# normal colors
|
||||
palette = 0=#23372B
|
||||
palette = 1=#FF5345
|
||||
palette = 2=#549e6a
|
||||
palette = 3=#459451
|
||||
palette = 4=#509475
|
||||
palette = 5=#D2689C
|
||||
palette = 6=#2DD5B7
|
||||
palette = 7=#F6F5DD
|
||||
|
||||
# bright colors
|
||||
palette = 8=#53685B
|
||||
palette = 9=#db9f9c
|
||||
palette = 10=#63b07a
|
||||
palette = 11=#E5C736
|
||||
palette = 12=#ACD4CF
|
||||
palette = 13=#75bbb3
|
||||
palette = 14=#8CD3CB
|
||||
palette = 15=#9eebb3
|
||||
@@ -1,94 +0,0 @@
|
||||
@define-color foreground #ebfff2;
|
||||
@define-color background #11221C;
|
||||
@define-color accent #2DD5B7;
|
||||
@define-color muted #53685B;
|
||||
@define-color card_bg #23372B;
|
||||
@define-color text_dark #11221C;
|
||||
@define-color accent_hover #8CD3CB;
|
||||
@define-color selected_tab #2DD5B7;
|
||||
@define-color text #ebfff2;
|
||||
|
||||
* {
|
||||
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;
|
||||
}
|
||||
@@ -1,9 +0,0 @@
|
||||
$activeBorderColor = rgb(71CEAD)
|
||||
|
||||
general {
|
||||
col.active_border = $activeBorderColor
|
||||
}
|
||||
|
||||
group {
|
||||
col.border_active = $activeBorderColor
|
||||
}
|
||||
@@ -1,5 +0,0 @@
|
||||
$color = rgb(7, 40, 32)
|
||||
$inner_color = rgb(7, 40, 32)
|
||||
$outer_color = rgb(167, 172, 132)
|
||||
$font_color = rgb(167, 172, 132)
|
||||
$check_color = rgb(131, 162, 152)
|
||||
@@ -1,44 +0,0 @@
|
||||
## name :osaka-jade
|
||||
foreground #C1C497
|
||||
background #111C18
|
||||
selection_foreground #111C18
|
||||
selection_background #C1C497
|
||||
cursor #D7C995
|
||||
cursor_text_color #000000
|
||||
active_tab_foreground #111C18
|
||||
active_tab_background #C1C497
|
||||
inactive_tab_foreground #C1C497
|
||||
inactive_tab_background #111C18
|
||||
|
||||
# black
|
||||
color0 #23372B
|
||||
color8 #53685B
|
||||
|
||||
# red
|
||||
color1 #FF5345
|
||||
color9 #DB9F9C
|
||||
|
||||
# green
|
||||
color2 #549E6A
|
||||
color10 #63b07a
|
||||
|
||||
# yellow
|
||||
color3 #459451
|
||||
color11 #E5C736
|
||||
|
||||
# blue
|
||||
color4 #509475
|
||||
color12 #ACD4CF
|
||||
|
||||
# magenta
|
||||
color5 #D2689C
|
||||
color13 #75BBB3
|
||||
|
||||
# cyan
|
||||
color6 #2DD5B7
|
||||
color14 #8CD3CB
|
||||
|
||||
# white
|
||||
color7 #F6F5DD
|
||||
color15 #9EEBB3
|
||||
|
||||
@@ -1,5 +0,0 @@
|
||||
include=~/.local/share/omarchy/default/mako/core.ini
|
||||
|
||||
text-color=#C1C497
|
||||
border-color=#214237
|
||||
background-color=#11221C
|
||||
@@ -1,5 +0,0 @@
|
||||
@define-color background-color #11221C;
|
||||
@define-color border-color #589A5F;
|
||||
@define-color label #C0C396;
|
||||
@define-color image #C0C396;
|
||||
@define-color progress #C0C396;
|
||||
@@ -1,6 +0,0 @@
|
||||
@define-color selected-text #e1b55e;
|
||||
@define-color text #ebfff2;
|
||||
@define-color base #11221C;
|
||||
@define-color border #214237;
|
||||
@define-color foreground #11221C;
|
||||
@define-color background #11221C;
|
||||
@@ -1,2 +0,0 @@
|
||||
@define-color foreground #e6d8ba;
|
||||
@define-color background #11221C;
|
||||
Reference in New Issue
Block a user