feat: add ash light/dark omarchy themes derived from harbor
This commit is contained in:
Richard Zink
@@ -0,0 +1,70 @@
|
||||
# Main background, empty for terminal default, need to be empty if you want transparent background
|
||||
theme[main_bg]="#1B1B1B"
|
||||
|
||||
# Main text color
|
||||
theme[main_fg]="#77838a"
|
||||
|
||||
# Title color for boxes
|
||||
theme[title]="#a99b7a"
|
||||
|
||||
# Highlight color for keyboard shortcuts
|
||||
theme[hi_fg]="#e75a50"
|
||||
|
||||
# Background color of selected item in processes box
|
||||
theme[selected_bg]="#e75a50"
|
||||
|
||||
# Foreground color of selected item in processes box
|
||||
theme[selected_fg]="#1B1B1B"
|
||||
|
||||
# Color of inactive/disabled text
|
||||
theme[inactive_fg]="#4c4c4c"
|
||||
|
||||
# Misc colors for processes box including mini cpu graphs, details memory graph and details status text
|
||||
theme[proc_misc]="#e75a50"
|
||||
|
||||
# Box outline and divider line color
|
||||
theme[cpu_box]="#929292"
|
||||
theme[mem_box]="#929292"
|
||||
theme[net_box]="#929292"
|
||||
theme[proc_box]="#929292"
|
||||
theme[div_line]="#a99b7a"
|
||||
|
||||
# Gradient for all meters and graphs
|
||||
theme[temp_start]="#929292"
|
||||
theme[temp_mid]="#ff7783"
|
||||
theme[temp_end]="#e75a50"
|
||||
|
||||
|
||||
theme[cpu_start]="#929292"
|
||||
theme[cpu_mid]="#ff7783"
|
||||
theme[cpu_end]="#e75a50"
|
||||
|
||||
|
||||
theme[free_start]="#929292"
|
||||
theme[free_mid]="#ff7783"
|
||||
theme[free_end]="#e75a50"
|
||||
|
||||
|
||||
theme[cached_start]="#a99b7a"
|
||||
theme[cached_mid]="#a99b7a"
|
||||
theme[cached_end]="#a99b7a"
|
||||
|
||||
|
||||
theme[available_start]="#99a4af"
|
||||
theme[available_mid]="#99a4af"
|
||||
theme[available_end]="#99a4af"
|
||||
|
||||
|
||||
theme[used_start]="#e75a50"
|
||||
theme[used_mid]="#e75a50"
|
||||
theme[used_end]="#e75a50"
|
||||
|
||||
|
||||
theme[download_start]="#929292"
|
||||
theme[download_mid]="#ff7783"
|
||||
theme[download_end]="#e75a50"
|
||||
|
||||
|
||||
theme[upload_start]="#929292"
|
||||
theme[upload_mid]="#ff7783"
|
||||
theme[upload_end]="#e75a50"
|
||||
@@ -0,0 +1,11 @@
|
||||
[color]
|
||||
gradient = 1
|
||||
gradient_count = 8
|
||||
gradient_color_1 = '#e75a50'
|
||||
gradient_color_2 = '#77838a'
|
||||
gradient_color_3 = '#a99b7a'
|
||||
gradient_color_4 = '#a99b7a'
|
||||
gradient_color_5 = '#e75a50'
|
||||
gradient_color_6 = '#f44336'
|
||||
gradient_color_7 = '#a99b7a'
|
||||
gradient_color_8 = '#a99b7a'
|
||||
@@ -0,0 +1 @@
|
||||
29,28,27
|
||||
@@ -0,0 +1,27 @@
|
||||
set -U background '#1B1B1B'
|
||||
set -U foreground '#efebdc'
|
||||
set -U cursor '#efebdc'
|
||||
set -U color0 '#1B1B1B'
|
||||
set -U color1 '#F44336'
|
||||
set -U color2 '#e75a50'
|
||||
set -U color3 '#a99b7a'
|
||||
set -U color4 '#e58980'
|
||||
set -U color5 '#77838a'
|
||||
set -U color6 '#6d6d6d'
|
||||
set -U color7 '#E1CE98'
|
||||
set -U color8 '#817f68'
|
||||
set -U color9 '#f44336'
|
||||
set -U color10 '#e75a50'
|
||||
set -U color11 '#a99b7a'
|
||||
set -U color12 '#e58980'
|
||||
set -U color13 '#77838a'
|
||||
set -U color14 '#6d6d6d'
|
||||
set -U color15 '#efebdc'
|
||||
|
||||
set -U fish_color_normal normal
|
||||
set -U fish_color_command green
|
||||
set -U fish_color_param cyan
|
||||
set -U fish_pager_color_completion
|
||||
set -U fish_pager_color_description $fish_color_quote yellow
|
||||
set -U fish_pager_color_progress brwhite --background=cyan
|
||||
set -U fish_color_history_current --bold
|
||||
@@ -0,0 +1,23 @@
|
||||
accent = "#e75a50"
|
||||
cursor = "#C0AF7F"
|
||||
foreground = "#efebdc"
|
||||
background = "#1B1B1B"
|
||||
selection_foreground = "#1B1B1B"
|
||||
selection_background = "#e75a50"
|
||||
|
||||
color0 = "#1B1B1B"
|
||||
color1 = "#F44336"
|
||||
color2 = "#e75a50"
|
||||
color3 = "#a99b7a"
|
||||
color4 = "#e58980"
|
||||
color5 = "#77838a"
|
||||
color6 = "#6d6d6d"
|
||||
color7 = "#E1CE98"
|
||||
color8 = "#817f68"
|
||||
color9 = "#e75a50"
|
||||
color10 = "#77838a"
|
||||
color11 = "#a99b7a"
|
||||
color12 = "#e58980"
|
||||
color13 = "#9ba2a6"
|
||||
color14 = "#888888"
|
||||
color15 = "#efebdc"
|
||||
@@ -0,0 +1,26 @@
|
||||
set -l color00 '#1B1B1B'
|
||||
set -l color01 '#F44336'
|
||||
set -l color02 '#e75a50'
|
||||
set -l color03 '#a99b7a'
|
||||
set -l color04 '#e58980'
|
||||
set -l color05 '#77838a'
|
||||
set -l color06 '#6d6d6d'
|
||||
set -l color07 '#E1CE98'
|
||||
set -l color08 '#817f68'
|
||||
set -l color09 '#f44336'
|
||||
set -l color0A '#e75a50'
|
||||
set -l color0B '#a99b7a'
|
||||
set -l color0C '#e58980'
|
||||
set -l color0D '#77838a'
|
||||
set -l color0E '#6d6d6d'
|
||||
set -l color0F '#efebdc'
|
||||
|
||||
set -l FZF_NON_COLOR_OPTS
|
||||
|
||||
for arg in (echo $FZF_DEFAULT_OPTS | tr " " "\n")
|
||||
if not string match -q -- "--color*" $arg
|
||||
set -a FZF_NON_COLOR_OPTS $arg
|
||||
end
|
||||
end
|
||||
|
||||
set -Ux FZF_DEFAULT_OPTS "$FZF_NON_COLOR_OPTS"" --color=bg+:$color00,bg:$color00,spinner:$color0E,hl:$color0D"" --color=fg:$color07,header:$color0D,info:$color0A,pointer:$color0E"" --color=marker:$color0E,fg+:$color06,prompt:$color0A,hl+:$color0D"
|
||||
@@ -0,0 +1,166 @@
|
||||
@define-color background #1B1B1B;
|
||||
@define-color foreground #efebdc;
|
||||
@define-color black #1B1B1B;
|
||||
@define-color red #F44336;
|
||||
@define-color green #e75a50;
|
||||
@define-color yellow #a99b7a;
|
||||
@define-color blue #e58980;
|
||||
@define-color magenta #77838a;
|
||||
@define-color cyan #6d6d6d;
|
||||
@define-color white #E1CE98;
|
||||
@define-color bright_black #817f68;
|
||||
@define-color bright_red #f44336;
|
||||
@define-color bright_green #e75a50;
|
||||
@define-color bright_yellow #a99b7a;
|
||||
@define-color bright_blue #e58980;
|
||||
@define-color bright_magenta #77838a;
|
||||
@define-color bright_cyan #6d6d6d;
|
||||
@define-color bright_white #efebdc;
|
||||
|
||||
@define-color accent_bg_color @blue;
|
||||
@define-color accent_fg_color @background;
|
||||
@define-color accent_color @cyan;
|
||||
|
||||
@define-color window_bg_color @background;
|
||||
@define-color window_fg_color @foreground;
|
||||
|
||||
@define-color view_bg_color @black;
|
||||
@define-color view_fg_color @foreground;
|
||||
@define-color sidebar_bg_color @black;
|
||||
@define-color sidebar_fg_color @foreground;
|
||||
@define-color sidebar_backdrop_color @black;
|
||||
@define-color sidebar_shade_color @black;
|
||||
|
||||
@define-color headerbar_bg_color @background;
|
||||
@define-color headerbar_fg_color @foreground;
|
||||
@define-color headerbar_backdrop_color @black;
|
||||
@define-color headerbar_shade_color @black;
|
||||
@define-color card_bg_color @background;
|
||||
@define-color card_fg_color @foreground;
|
||||
|
||||
@define-color popover_bg_color @black;
|
||||
@define-color popover_fg_color @foreground;
|
||||
|
||||
@define-color destructive_bg_color @red;
|
||||
@define-color destructive_fg_color @background;
|
||||
|
||||
@define-color success_bg_color @green;
|
||||
@define-color success_fg_color @background;
|
||||
|
||||
@define-color warning_bg_color @yellow;
|
||||
@define-color warning_fg_color @background;
|
||||
|
||||
@define-color error_bg_color @red;
|
||||
@define-color error_fg_color @background;
|
||||
|
||||
@define-color dialog_bg_color @background;
|
||||
@define-color dialog_fg_color @foreground;
|
||||
|
||||
@define-color borders alpha(@foreground, 0.1);
|
||||
|
||||
@define-color theme_fg_color @foreground;
|
||||
@define-color theme_text_color @foreground;
|
||||
@define-color theme_bg_color @background;
|
||||
@define-color theme_base_color @black;
|
||||
@define-color theme_selected_bg_color @blue;
|
||||
@define-color theme_selected_fg_color @background;
|
||||
@define-color insensitive_bg_color @background;
|
||||
@define-color insensitive_fg_color @bright_black;
|
||||
@define-color insensitive_base_color @black;
|
||||
@define-color theme_unfocused_fg_color @foreground;
|
||||
@define-color theme_unfocused_text_color @foreground;
|
||||
@define-color theme_unfocused_bg_color @background;
|
||||
@define-color theme_unfocused_base_color @black;
|
||||
@define-color theme_unfocused_selected_bg_color @blue;
|
||||
@define-color theme_unfocused_selected_fg_color @background;
|
||||
@define-color unfocused_insensitive_color @bright_black;
|
||||
@define-color unfocused_borders alpha(@foreground, 0.1);
|
||||
@define-color warning_color @yellow;
|
||||
@define-color error_color @red;
|
||||
@define-color success_color @green;
|
||||
@define-color destructive_color @red;
|
||||
|
||||
@define-color content_view_bg @black;
|
||||
@define-color text_view_bg @black;
|
||||
|
||||
messagedialog {
|
||||
background-color: @dialog_bg_color;
|
||||
}
|
||||
|
||||
messagedialog label {
|
||||
color: @dialog_fg_color;
|
||||
font-size: 14pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
messagedialog .secondary-text {
|
||||
font-size: 10pt;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
messagedialog button {
|
||||
background-color: @black;
|
||||
color: @foreground;
|
||||
border: 1px solid @bright_black;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
messagedialog button:hover {
|
||||
background-color: @blue;
|
||||
}
|
||||
|
||||
banner revealer widget {
|
||||
background: @bright_black;
|
||||
padding: 5px;
|
||||
color: @foreground;
|
||||
}
|
||||
|
||||
alertdialog.background {
|
||||
background-color: @dialog_bg_color;
|
||||
color: @dialog_fg_color;
|
||||
}
|
||||
|
||||
alertdialog .titlebar {
|
||||
background-color: @headerbar_bg_color;
|
||||
color: @headerbar_fg_color;
|
||||
}
|
||||
|
||||
alertdialog box {
|
||||
background-color: @dialog_bg_color;
|
||||
}
|
||||
|
||||
alertdialog label {
|
||||
color: @dialog_fg_color;
|
||||
}
|
||||
|
||||
filechooser .dialog-action-box {
|
||||
border-top: 1px solid @bright_black;
|
||||
}
|
||||
|
||||
filechooser .dialog-action-box:backdrop {
|
||||
border-top-color: @black;
|
||||
}
|
||||
|
||||
filechooser #pathbarbox {
|
||||
border-bottom: 1px solid @bright_black;
|
||||
}
|
||||
|
||||
filechooserbutton:drop(active) {
|
||||
box-shadow: none;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
toast {
|
||||
background-color: @black;
|
||||
color: @foreground;
|
||||
}
|
||||
|
||||
toast button.circular.flat.image-button:hover {
|
||||
color: @background;
|
||||
background-color: @red;
|
||||
}
|
||||
|
||||
/* .svg-icon {
|
||||
filter: invert(79%) sepia(18%) saturate(611%) hue-rotate(192deg)
|
||||
brightness(103%) contrast(94%);
|
||||
} */
|
||||
@@ -0,0 +1,46 @@
|
||||
# This file is not a full hyprland configuration.
|
||||
# It is intended to be included in your main hyprland.conf.
|
||||
|
||||
|
||||
general {
|
||||
col.active_border = rgba(a99b7aee) rgba(1B1B1Bee) rgba(1B1B1Bee) rgba(a99b7aee) 5deg
|
||||
col.inactive_border = rgb(1B1B1B)
|
||||
gaps_in = 4
|
||||
gaps_out = 5
|
||||
border_size = 2
|
||||
}
|
||||
|
||||
group {
|
||||
col.border_active = rgba(e75a50ee) rgba(1B1B1Bee) rgba(1B1B1Bee) rgba(e75a50ee) 5deg
|
||||
col.border_inactive = rgb(1B1B1B)
|
||||
|
||||
groupbar {
|
||||
col.active = rgba(e75a5088)
|
||||
col.inactive = rgba(1B1B1Baa)
|
||||
text_color = rgb(efebdc)
|
||||
text_color_inactive = rgba(a99b7aaa)
|
||||
}
|
||||
}
|
||||
|
||||
decoration {
|
||||
rounding = 3
|
||||
rounding_power = 3
|
||||
shadow {
|
||||
enabled = yes
|
||||
range = 16
|
||||
color = rgba(00000052)
|
||||
}
|
||||
blur {
|
||||
enabled = true
|
||||
size = 2
|
||||
passes = 2
|
||||
special = true
|
||||
brightness = 0.40
|
||||
contrast = 0.75
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
windowrule = match:class ^(vesktop|Vesktop)$, opacity 1.0 override, no_dim on
|
||||
windowrule = match:class ^(code|VSCode|VSCodium)$, opacity 1.0 override, no_dim on
|
||||
windowrule = match:class ^(chromium|Chromium|google-chrome|Brave|brave-browser)$, opacity 1.0 override, no_dim on
|
||||
@@ -0,0 +1,73 @@
|
||||
-- Generated by hypr2lua-web.
|
||||
-- Source: hyprland.conf
|
||||
|
||||
hl.config({
|
||||
general = {
|
||||
col = {
|
||||
active_border = {
|
||||
colors = { "rgba(a99b7aee)", "rgba(1B1B1Bee)", "rgba(1B1B1Bee)", "rgba(a99b7aee)" },
|
||||
angle = 5,
|
||||
},
|
||||
inactive_border = "rgb(1B1B1B)",
|
||||
},
|
||||
gaps_in = 4,
|
||||
gaps_out = 5,
|
||||
border_size = 2,
|
||||
},
|
||||
group = {
|
||||
col = {
|
||||
border_active = {
|
||||
colors = { "rgba(e75a50ee)", "rgba(1B1B1Bee)", "rgba(1B1B1Bee)", "rgba(e75a50ee)" },
|
||||
angle = 5,
|
||||
},
|
||||
border_inactive = "rgb(1B1B1B)",
|
||||
},
|
||||
groupbar = {
|
||||
col = {
|
||||
active = "rgba(e75a5088)",
|
||||
inactive = "rgba(1B1B1Baa)",
|
||||
},
|
||||
text_color = "rgb(efebdc)",
|
||||
text_color_inactive = "rgba(a99b7aaa)",
|
||||
},
|
||||
},
|
||||
decoration = {
|
||||
rounding = 3,
|
||||
rounding_power = 3,
|
||||
shadow = {
|
||||
enabled = true,
|
||||
range = 16,
|
||||
color = "rgba(00000052)",
|
||||
},
|
||||
blur = {
|
||||
enabled = true,
|
||||
size = 2,
|
||||
passes = 2,
|
||||
special = true,
|
||||
brightness = 0.40,
|
||||
contrast = 0.75,
|
||||
},
|
||||
},
|
||||
})
|
||||
|
||||
hl.window_rule({
|
||||
opacity = "1.0 override",
|
||||
no_dim = true,
|
||||
match = {
|
||||
class = "^(vesktop|Vesktop)$",
|
||||
},
|
||||
})
|
||||
hl.window_rule({
|
||||
opacity = "1.0 override",
|
||||
no_dim = true,
|
||||
match = {
|
||||
class = "^(code|VSCode|VSCodium)$",
|
||||
},
|
||||
})
|
||||
hl.window_rule({
|
||||
opacity = "1.0 override",
|
||||
no_dim = true,
|
||||
match = {
|
||||
class = "^(chromium|Chromium|google-chrome|Brave|brave-browser)$",
|
||||
},
|
||||
})
|
||||
@@ -0,0 +1,6 @@
|
||||
$color = rgba(27, 27, 27, 1)
|
||||
$inner_color = rgba(27, 27, 27, 0.66)
|
||||
$outer_color = rgba(169, 155, 122, 1)
|
||||
$font_color = rgba(239, 235, 220, 1)
|
||||
$placeholder_color = rgba(230, 239, 255, 0.7)
|
||||
$check_color = rgba(153, 164, 175, 1)
|
||||
@@ -0,0 +1 @@
|
||||
Yaru-yellow
|
||||
@@ -0,0 +1,22 @@
|
||||
text-color=#efebdc
|
||||
border-color=#a99b7a
|
||||
background-color=#1B1B1B
|
||||
width=420
|
||||
height=110
|
||||
padding=10
|
||||
border-size=2
|
||||
border-radius=5
|
||||
font=Liberation Sans 11
|
||||
anchor=top-right
|
||||
outer-margin=20
|
||||
default-timeout=5000
|
||||
max-icon-size=32
|
||||
|
||||
[app-name=Spotify]
|
||||
invisible=1
|
||||
|
||||
[mode=do-not-disturb]
|
||||
invisible=true
|
||||
|
||||
[mode=do-not-disturb app-name=notify-send]
|
||||
invisible=false
|
||||
@@ -0,0 +1,68 @@
|
||||
return {
|
||||
{
|
||||
"bjarneo/aether.nvim",
|
||||
branch = "v3",
|
||||
name = "aether",
|
||||
priority = 1000,
|
||||
opts = {
|
||||
transparent = false,
|
||||
colors = {
|
||||
bg = "#1B1B1B",
|
||||
dark_bg = "#1B1B1B",
|
||||
darker_bg = "#141414",
|
||||
lighter_bg = "#323232",
|
||||
|
||||
fg = "#efebdc",
|
||||
dark_fg = "#C0AF7F",
|
||||
light_fg = "#f4f2e8",
|
||||
bright_fg = "#f4f2e8",
|
||||
muted = "#817f68",
|
||||
|
||||
red = "#F44336",
|
||||
orange = "#e67e22",
|
||||
yellow = "#E1CE98",
|
||||
green = "#a99b7a",
|
||||
cyan = "#77868a",
|
||||
blue = "#9ba2a6",
|
||||
purple = "#9683a1",
|
||||
brown = "#e58980",
|
||||
|
||||
bright_red = "#F44336",
|
||||
bright_yellow = "#E1CE98",
|
||||
bright_green = "#a99b7a",
|
||||
bright_cyan = "#77868a",
|
||||
bright_blue = "#9ba2a6",
|
||||
bright_purple = "#9683a1",
|
||||
|
||||
accent = "#e75a50",
|
||||
cursor = "#C0AF7F",
|
||||
foreground = "#efebdc",
|
||||
background = "#1B1B1B",
|
||||
selection = "#323232",
|
||||
selection_foreground = "#efebdc",
|
||||
selection_background = "#1B1B1B",
|
||||
},
|
||||
on_highlights = function(hl, c)
|
||||
hl.CursorLine = { bg = "#323232" }
|
||||
hl.CursorLineNr = { fg = c.orange, bold = true }
|
||||
hl.LspReferenceText = { bg = c.selection, fg = c.bright_fg }
|
||||
hl.LspReferenceRead = hl.LspReferenceText
|
||||
hl.LspReferenceWrite = hl.LspReferenceText
|
||||
hl.SnacksPickerDir = { fg = c.muted }
|
||||
hl.SnacksPickerPathHidden = { fg = c.muted }
|
||||
hl.SnacksPickerPathIgnored = { fg = c.muted }
|
||||
hl.SnacksPickerListCursorLine = { bg = "#323232" }
|
||||
end,
|
||||
},
|
||||
config = function(_, opts)
|
||||
require("aether").setup(opts)
|
||||
vim.cmd.colorscheme("aether")
|
||||
end,
|
||||
},
|
||||
{
|
||||
"LazyVim/LazyVim",
|
||||
opts = {
|
||||
colorscheme = "aether",
|
||||
},
|
||||
},
|
||||
}
|
||||
@@ -0,0 +1,148 @@
|
||||
# Omarchy Quattro surfaces for HarborDark.
|
||||
# Coral status accents and the original warm active-border gradient preserve
|
||||
# the legacy Waybar, Walker, Mako, SwayOSD, and Hyprlock character.
|
||||
|
||||
[bar]
|
||||
background = "#1B1B1B"
|
||||
background-alpha = 1.0
|
||||
text = "#A99B7A"
|
||||
active = "#E75A50"
|
||||
scale-with-font = true
|
||||
size-horizontal = 26
|
||||
size-vertical = 28
|
||||
|
||||
[hyprland]
|
||||
active-border = "rgba(a99b7aee) rgba(1B1B1Bee) rgba(a99b7aee) 0deg"
|
||||
active-border-foreground = "#A99B7A"
|
||||
|
||||
[controls]
|
||||
normal-color = "#EFEBDC"
|
||||
normal-fill-alpha = 0.04
|
||||
normal-border-width = 1
|
||||
normal-border-alpha = 0.30
|
||||
|
||||
hover-cursor-color = "#A99B7A"
|
||||
hover-cursor-fill-alpha = 0.10
|
||||
hover-cursor-border-width = 1
|
||||
hover-cursor-border-alpha = 0.48
|
||||
|
||||
focus-color = "#E75A50"
|
||||
focus-fill-alpha = 0.12
|
||||
focus-border-width = 1
|
||||
focus-border-alpha = 0.82
|
||||
|
||||
selected-color = "#77838A"
|
||||
selected-fill-alpha = 0.18
|
||||
selected-border-width = 1
|
||||
selected-border-alpha = 0.58
|
||||
|
||||
pressed-color = "#E58980"
|
||||
pressed-fill-alpha = 0.24
|
||||
selection-color = "#E75A50"
|
||||
selection-fill-alpha = 0.34
|
||||
|
||||
[spacing]
|
||||
scale = 1.0
|
||||
scale-with-font = true
|
||||
xs = 2
|
||||
md = 4
|
||||
control-padding-y = 5
|
||||
panel-padding = 10
|
||||
|
||||
[font]
|
||||
base-size = 12
|
||||
heading = 16
|
||||
icon-large = 18
|
||||
|
||||
[popups]
|
||||
background = "#1B1B1B"
|
||||
background-alpha = 0.96
|
||||
text = "#929292"
|
||||
border = "hyprland.active-border"
|
||||
border-alpha = 1.0
|
||||
border-width = 2
|
||||
|
||||
[tooltip]
|
||||
background = "#1B1B1B"
|
||||
background-alpha = 0.96
|
||||
text = "#EFEBDC"
|
||||
border = "#A99B7A"
|
||||
border-alpha = 1.0
|
||||
border-width = 1
|
||||
|
||||
[notifications]
|
||||
background = "#1B1B1B"
|
||||
background-alpha = 0.96
|
||||
text = "#EFEBDC"
|
||||
border = "hyprland.active-border"
|
||||
border-alpha = 1.0
|
||||
border-width = 2
|
||||
countdown = "#E75A50"
|
||||
|
||||
[launcher]
|
||||
background = "#1B1B1B"
|
||||
background-alpha = 0.96
|
||||
text = "#929292"
|
||||
border = "hyprland.active-border"
|
||||
border-alpha = 1.0
|
||||
border-width = 2
|
||||
scrim = "#1B1B1B"
|
||||
scrim-alpha = 0.0
|
||||
selected-background = "#1B1B1B"
|
||||
selected-background-alpha = 1.0
|
||||
selected-text = "#DF7E76"
|
||||
selected-border = "#A99B7A"
|
||||
selected-border-alpha = 0.0
|
||||
selected-border-width = 0
|
||||
|
||||
[menu]
|
||||
background = "#1B1B1B"
|
||||
background-alpha = 0.96
|
||||
text = "#929292"
|
||||
border = "hyprland.active-border"
|
||||
border-alpha = 1.0
|
||||
border-width = 2
|
||||
scrim = "#1B1B1B"
|
||||
scrim-alpha = 0.0
|
||||
selected-background = "#1B1B1B"
|
||||
selected-background-alpha = 1.0
|
||||
selected-text = "#DF7E76"
|
||||
selected-border = "#A99B7A"
|
||||
selected-border-alpha = 0.0
|
||||
selected-border-width = 0
|
||||
|
||||
[polkit]
|
||||
background = "#1B1B1B"
|
||||
background-alpha = 0.96
|
||||
text = "#EFEBDC"
|
||||
text-error = "#F44336"
|
||||
border = "hyprland.active-border"
|
||||
border-error = "#F44336"
|
||||
border-alpha = 1.0
|
||||
border-width = 2
|
||||
scrim = "#1B1B1B"
|
||||
scrim-alpha = 0.5
|
||||
accent = "#E75A50"
|
||||
|
||||
[lock]
|
||||
background = "#1B1B1B"
|
||||
background-alpha = 0.72
|
||||
text = "#EFEBDC"
|
||||
placeholder = "#EFEBDCB3"
|
||||
text-error = "#F44336"
|
||||
border = "#A99B7A"
|
||||
border-active = "#A99B7A"
|
||||
border-error = "#F44336"
|
||||
border-alpha = 1.0
|
||||
border-width = 2
|
||||
selection = "#E75A50"
|
||||
selection-alpha = 0.45
|
||||
|
||||
[image-picker]
|
||||
scrim = "#1B1B1B"
|
||||
scrim-alpha = 0.5
|
||||
text = "#EFEBDC"
|
||||
selected-border = "#E75A50"
|
||||
selected-border-alpha = 1.0
|
||||
unselected-border = "#A99B7A"
|
||||
unselected-border-alpha = 0.32
|
||||
@@ -0,0 +1,79 @@
|
||||
:root {
|
||||
/* The main accent color and the matching text value */
|
||||
--adw-accent-bg-rgb: 229, 137, 128 !important;
|
||||
--adw-accent-fg-rgb: 27, 27, 27 !important;
|
||||
--adw-accent-rgb: 229, 137, 128 !important;
|
||||
|
||||
/* destructive-action buttons */
|
||||
--adw-destructive-bg-rgb: 244, 67, 54 !important;
|
||||
--adw-destructive-fg-rgb: 239, 235, 220 !important;
|
||||
--adw-destructive-rgb: 244, 67, 54 !important;
|
||||
|
||||
/* Levelbars, entries, labels and infobars. These don't need text colors */
|
||||
--adw-success-bg-rgb: 231, 90, 80 !important;
|
||||
--adw-success-fg-rgb: 27, 27, 27 !important;
|
||||
--adw-success-rgb: 231, 90, 80 !important;
|
||||
|
||||
--adw-warning-bg-rgb: 169, 155, 122 !important;
|
||||
--adw-warning-fg-rgb: 27, 27, 27 !important;
|
||||
--adw-warning-fg-a: 0.8 !important;
|
||||
--adw-warning-rgb: 169, 155, 122 !important;
|
||||
|
||||
--adw-error-bg-rgb: 244, 67, 54 !important;
|
||||
--adw-error-fg-rgb: 27, 27, 27 !important;
|
||||
--adw-error-rgb: 244, 67, 54 !important;
|
||||
|
||||
/* Window */
|
||||
--adw-window-bg-rgb: 27, 27, 27 !important;
|
||||
--adw-window-fg-rgb: 239, 235, 220 !important;
|
||||
|
||||
/* Views - e.g. text view or tree view */
|
||||
--adw-view-bg-rgb: 27, 27, 27 !important;
|
||||
--adw-view-fg-rgb: 239, 235, 220 !important;
|
||||
|
||||
/* Header bar, search bar, tab bar */
|
||||
--adw-headerbar-bg-rgb: 27, 27, 27 !important;
|
||||
--adw-headerbar-fg-rgb: 239, 235, 220 !important;
|
||||
--adw-headerbar-border-rgb: 129, 127, 104 !important;
|
||||
--adw-headerbar-backdrop-rgb: 27, 27, 27 !important;
|
||||
--adw-headerbar-shade-rgb: 0, 0, 0 !important;
|
||||
--adw-headerbar-shade-a: 0.36 !important;
|
||||
--adw-headerbar-darker-shade-rgb: 0, 0, 0 !important;
|
||||
--adw-headerbar-darker-shade-a: 0.9 !important;
|
||||
|
||||
/* Split pane views */
|
||||
--adw-sidebar-bg-rgb: 27, 27, 27 !important;
|
||||
--adw-sidebar-fg-rgb: 239, 235, 220 !important;
|
||||
--adw-sidebar-backdrop-rgb: 129, 127, 104 !important;
|
||||
--adw-sidebar-shade-rgb: 0, 0, 0 !important;
|
||||
--adw-sidebar-shade-a: 0.36 !important;
|
||||
--adw-secondary-sidebar-bg-rgb: 27, 27, 27 !important;
|
||||
--adw-secondary-sidebar-fg-rgb: 239, 235, 220 !important;
|
||||
--adw-secondary-sidebar-backdrop-rgb: 129, 127, 104 !important;
|
||||
--adw-secondary-sidebar-shade-rgb: 0, 0, 0 !important;
|
||||
--adw-secondary-sidebar-shade-a: 0.36 !important;
|
||||
|
||||
/* Cards, boxed lists */
|
||||
--adw-card-bg-rgb: 255, 255, 255 !important;
|
||||
--adw-card-bg-a: 0.08 !important;
|
||||
--adw-card-fg-rgb: 255, 255, 255 !important;
|
||||
--adw-card-shade-rgb: 0, 0, 0 !important;
|
||||
--adw-card-shade-a: 0.36 !important;
|
||||
|
||||
/* Dialogs */
|
||||
--adw-dialog-bg-rgb: 27, 27, 27 !important;
|
||||
--adw-dialog-fg-rgb: 239, 235, 220 !important;
|
||||
|
||||
/* Popovers */
|
||||
--adw-popover-bg-rgb: 27, 27, 27 !important;
|
||||
--adw-popover-fg-rgb: 239, 235, 220 !important;
|
||||
--adw-popover-shade-rgb: 0, 0, 0 !important;
|
||||
--adw-popover-shade-a: 0.36 !important;
|
||||
|
||||
/* Thumbnails */
|
||||
--adw-thumbnail-bg-rgb: 27, 27, 27 !important;
|
||||
|
||||
/* Miscellaneous */
|
||||
--adw-shade-rgb: 0, 0, 0 !important;
|
||||
--adw-shade-a: 0.36 !important;
|
||||
}
|
||||
@@ -0,0 +1,51 @@
|
||||
|
||||
# ========= Border =========
|
||||
file_panel_border = '#E1CE98'
|
||||
sidebar_border = '#E1CE98'
|
||||
footer_border = '#E1CE98'
|
||||
|
||||
# ========= Border Active =========
|
||||
file_panel_border_active = '#e58980'
|
||||
sidebar_border_active = '#e58980'
|
||||
footer_border_active = '#e58980'
|
||||
modal_border_active = '#e58980'
|
||||
|
||||
# ========= Background (bg) =========
|
||||
full_screen_bg = '#1B1B1B'
|
||||
file_panel_bg = '#1B1B1B'
|
||||
sidebar_bg = '#1B1B1B'
|
||||
footer_bg = '#1B1B1B'
|
||||
modal_bg = '#1B1B1B'
|
||||
|
||||
# ========= Foreground (fg) =========
|
||||
full_screen_fg = '#efebdc'
|
||||
file_panel_fg = '#efebdc'
|
||||
sidebar_fg = '#efebdc'
|
||||
footer_fg = '#efebdc'
|
||||
modal_fg = '#efebdc'
|
||||
|
||||
# ========= Special Color =========
|
||||
cursor = '#efebdc'
|
||||
correct = '#e75a50'
|
||||
error = '#F44336'
|
||||
hint = '#6d6d6d'
|
||||
cancel = '#F44336'
|
||||
gradient_color = ['#1B1B1B', "#817f68"]
|
||||
|
||||
# ========= File Panel Special Items =========
|
||||
file_panel_top_directory_icon = '#1B1B1B'
|
||||
file_panel_top_path = '#817f68'
|
||||
file_panel_item_selected_fg = '#817f68'
|
||||
file_panel_item_selected_bg = '#1B1B1B'
|
||||
|
||||
# ========= Sidebar Special Items =========
|
||||
sidebar_title = '#efebdc'
|
||||
sidebar_item_selected_fg = '#817f68'
|
||||
sidebar_item_selected_bg = '#1B1B1B'
|
||||
sidebar_divider = '#E1CE98'
|
||||
|
||||
# ========= Modal Special Items =========
|
||||
modal_cancel_fg = "#383838"
|
||||
modal_cancel_bg = '#F44336'
|
||||
modal_confirm_fg = "#383838"
|
||||
modal_confirm_bg = '#e75a50'
|
||||
@@ -0,0 +1,11 @@
|
||||
@define-color background-color #1B1B1B;
|
||||
@define-color border-color #a99b7a;
|
||||
@define-color label #929292;
|
||||
@define-color image #a99b7a;
|
||||
@define-color progress #e75a50;
|
||||
|
||||
|
||||
.osd {
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,654 @@
|
||||
/**
|
||||
* @name Omarchy
|
||||
* @author @bypass_
|
||||
* @version 0.1.0
|
||||
* @description Match Omarchy system theme.
|
||||
* @source https://github.com/imbypass/base16-Discord
|
||||
**/
|
||||
|
||||
:root {
|
||||
--color00: #141414;
|
||||
--color01: #191919;
|
||||
--color02: #1f1f1f;
|
||||
--color03: #6d6d6d;
|
||||
--color04: #a99b7a;
|
||||
--color05: #efebdc;
|
||||
--color06: #efebdc;
|
||||
--color07: #a99b7a;
|
||||
--color08: #F44336;
|
||||
--color09: #a99b7a;
|
||||
--color10: #a99b7a;
|
||||
--color11: #e75a50;
|
||||
--color12: #b6b6b6;
|
||||
--color13: #efebdc;
|
||||
--color14: #77838a;
|
||||
--color15: #a99b7a;
|
||||
--base00: var(--color00);
|
||||
--base01: var(--color01);
|
||||
--base02: var(--color02);
|
||||
--base03: var(--color03);
|
||||
--base04: var(--color04);
|
||||
--base05: var(--color05);
|
||||
--base06: var(--color06);
|
||||
--base07: var(--color07);
|
||||
--base08: var(--color08);
|
||||
--base09: var(--color09);
|
||||
--base0A: var(--color10);
|
||||
--base0B: var(--color11);
|
||||
--base0C: var(--color12);
|
||||
--base0D: var(--color13);
|
||||
--base0E: var(--color14);
|
||||
--base0F: var(--color15);
|
||||
}
|
||||
|
||||
.theme-light,
|
||||
.theme-dark,
|
||||
.theme-darker,
|
||||
.theme-midnight,
|
||||
.visual-refresh {
|
||||
--activity-card-background: var(--base01) !important;
|
||||
--background-accent: var(--base03) !important;
|
||||
--background-floating: var(--base02) !important;
|
||||
--background-mentioned-hover: color-mix(in srgb, var(--base0B) 35%, var(--base01)) !important;
|
||||
--background-mentioned: color-mix(in srgb, var(--base0B) 25%, var(--base01)) !important;
|
||||
--background-message-highlight: var(--base02) !important;
|
||||
--background-message-hover: var(--base02) !important;
|
||||
--background-mod-strong: var(--base02) !important;
|
||||
--background-modifier-accent: var(--base02) !important;
|
||||
--background-modifier-active: var(--base02) !important;
|
||||
--background-modifier-hover: var(--base01) !important;
|
||||
--background-modifier-selected: var(--base01) !important;
|
||||
--background-primary: var(--base01) !important;
|
||||
--background-secondary-alt: var(--base01) !important;
|
||||
--background-secondary: var(--base00) !important;
|
||||
--background-surface-highest: var(--base02) !important;
|
||||
--background-surface-higher: var(--base02) !important;
|
||||
--background-surface-high: var(--base02) !important;
|
||||
--background-tertiary: var(--base00) !important;
|
||||
--background-base-low: var(--base01) !important;
|
||||
--background-base-lower: var(--base00) !important;
|
||||
--background-base-lowest: var(--base00) !important;
|
||||
--background-base-tertiary: var(--base00) !important;
|
||||
--background-code: var(--base02) !important;
|
||||
--background-mod-subtle: var(--base01) !important;
|
||||
--bg-base-secondary: var(--base00) !important;
|
||||
--bg-base-tertiary: var(--base00) !important;
|
||||
--bg-brand: var(--base0B) !important;
|
||||
--bg-mod-faint: var(--base01) !important;
|
||||
--bg-overlay-2: var(--base01) !important;
|
||||
--bg-overlay-3: var(--base01) !important;
|
||||
--bg-overlay-color-inverse: var(--base03) !important;
|
||||
--bg-surface-raised: var(--base02) !important;
|
||||
--bg-surface-overlay: var(--base00) !important;
|
||||
--black: var(--base00) !important;
|
||||
--blurple-50: var(--base03) !important;
|
||||
--border-faint: var(--base02) !important;
|
||||
--border-subtle: var(--border-faint) !important;
|
||||
--brand-05a: var(--base01) !important;
|
||||
--brand-10a: var(--base01) !important;
|
||||
--brand-15a: var(--base01) !important;
|
||||
--brand-260: var(--base0B) !important;
|
||||
--brand-360: var(--base0B) !important;
|
||||
--brand-500: var(--base0B) !important;
|
||||
--brand-560: var(--base01) !important;
|
||||
--button-danger-background: var(--base08) !important;
|
||||
--button-danger-background-disabled: var(--base03) !important;
|
||||
--button-filled-brand-background: var(--base0B) !important;
|
||||
--button-filled-brand-background-hover: var(--base08) !important;
|
||||
--button-filled-brand-text: var(--base00) !important;
|
||||
--button-filled-brand-text-hover: var(--base05) !important;
|
||||
--button-outline-positive-border: var(--base0B) !important;
|
||||
--button-outline-danger-background-hover: var(--base08) !important;
|
||||
--button-outline-danger-border-hover: var(--base08) !important;
|
||||
--button-positive-background: var(--base0B) !important;
|
||||
--button-positive-background-disabled: var(--base03) !important;
|
||||
--button-positive-background-hover: var(--base03) !important;
|
||||
--button-secondary-background: var(--base02) !important;
|
||||
--button-secondary-background-disabled: var(--base03) !important;
|
||||
--button-secondary-background-hover: var(--base03) !important;
|
||||
--button-secondary-text: var(--color07) !important;
|
||||
--card-primary-bg: var(--base02) !important;
|
||||
--card-background-default: var(--base02) !important;
|
||||
--channel-icon: var(--base0B) !important;
|
||||
--channels-default: var(--base03) !important;
|
||||
--channel-text-area-placeholder: var(--base03) !important;
|
||||
--channeltextarea-background: var(--base01) !important;
|
||||
--chat-background-default: var(--base01) !important;
|
||||
--chat-text-muted: var(--base03) !important;
|
||||
--checkbox-background-checked: var(--base0D) !important;
|
||||
--checkbox-border-checked: var(--base0D) !important;
|
||||
--checkbox-background-default: var(--base02) !important;
|
||||
--checkbox-border-default: var(--base03) !important;
|
||||
--control-brand-foreground-new: var(--base0D) !important;
|
||||
--control-brand-foreground: var(--base04) !important;
|
||||
--control-text-primary-default: var(--base00) !important;
|
||||
--control-background-primary-default: var(--color05) !important;
|
||||
--custom-notice-text: var(--base01) !important;
|
||||
--custom-poll-style-vote-percentage: var(--base04) !important;
|
||||
--deprecated-text-input-bg: var(--base01) !important;
|
||||
--deprecated-text-input-border: var(--base02) !important;
|
||||
/*--font-display: var(--font, "gg sans") !important;
|
||||
--font-headline: var(--font, "gg sans") !important;
|
||||
--font-primary: var(--font, "gg sans") !important;*/
|
||||
--green-330: var(--base0B) !important;
|
||||
--green-360: var(--base0B) !important;
|
||||
--green-300: var(--base0B) !important;
|
||||
--header-primary: var(--base0B) !important;
|
||||
--header-secondary: var(--base0B) !important;
|
||||
--home-background: var(--base00) !important;
|
||||
--info-warning-foreground: var(--base0A) !important;
|
||||
--input-background: var(--base02) !important;
|
||||
--input-border: var(--base03) !important;
|
||||
--input-placeholder-text: var(--base03) !important;
|
||||
--interactive-active: var(--color07) !important;
|
||||
--interactive-hover: var(--color07) !important;
|
||||
--interactive-muted: var(--base03) !important;
|
||||
--interactive-normal: var(--color07) !important;
|
||||
--mention-background: color-mix(in srgb, var(--base0B) 30%, var(--base01)) !important;
|
||||
--mention-foreground: var(--base05) !important;
|
||||
--menu-item-danger-active-bg: var(--base08) !important;
|
||||
--menu-item-danger-hover-bg: var(--base08) !important;
|
||||
--menu-item-default-hover-bg: var(--base03) !important;
|
||||
--message-reacted-background: var(--base02) !important;
|
||||
--message-reacted-text: var(--base05) !important;
|
||||
--modal-background: var(--base01) !important;
|
||||
--modal-footer-background: var(--base00) !important;
|
||||
--notice-background-positive: var(--base0B) !important;
|
||||
--notice-text-positive: var(--base01) !important;
|
||||
--notice-background-warning: var(--base0A) !important;
|
||||
--notice-text-warning: var(--base01) !important;
|
||||
--notice-background-negative: var(--base08) !important;
|
||||
--notice-text-negative: var(--base01) !important;
|
||||
--opacity-blurple-24: var(--base02) !important;
|
||||
--plum-23: var(--base02) !important;
|
||||
--polls-victor-fill: var(--base0B) !important;
|
||||
--profile-gradient-button-color: var(--base02) !important;
|
||||
--primary-130: var(--base05) !important;
|
||||
--primary-300: var(--base05) !important;
|
||||
--primary-500: var(--base02) !important;
|
||||
--primary-600: var(--base00) !important;
|
||||
--primary-630: var(--base01) !important;
|
||||
--primary-660: var(--base00) !important;
|
||||
--primary-700: var(--base01) !important;
|
||||
--primary-800: var(--base00) !important;
|
||||
--red-400: var(--base08) !important;
|
||||
--red-460: var(--base08) !important;
|
||||
--red-500: var(--base08) !important;
|
||||
--red-630: var(--base08) !important;
|
||||
--red: var(--base08) !important;
|
||||
--red-new-22: var(--base08) !important;
|
||||
--redesign-input-control-selected: var(--base0B) !important;
|
||||
--scrollbar-auto-thumb: var(--base00) !important;
|
||||
--scrollbar-auto-track: transparent;
|
||||
--scrollbar-thin-thumb: var(--base00) !important;
|
||||
--scrollbar-thin-track: transparent;
|
||||
--search-popout-option-fade: none;
|
||||
--search-popout-option-non-text-color: var(--base07) !important;
|
||||
--status-danger-background: var(--base08) !important;
|
||||
--status-danger: var(--base08) !important;
|
||||
--status-negative: var(--base08) !important;
|
||||
--status-positive-background: var(--base0B) !important;
|
||||
--status-positive-text: var(--base0B) !important;
|
||||
--status-positive: var(--base0B) !important;
|
||||
--status-success: var(--base0B) !important;
|
||||
--status-warning-background: var(--base03) !important;
|
||||
--status-warning: var(--base09) !important;
|
||||
--teal-430: var(--base0C) !important;
|
||||
--text-brand: var(--base0D) !important;
|
||||
--text-default: var(--base05) !important;
|
||||
--text-feedback-positive: var(--base0B) !important;
|
||||
--text-feedback-negative: var(--base08) !important;
|
||||
--text-feedback-warning: var(--base09) !important;
|
||||
--text-feedback-success: var(--base0B) !important;
|
||||
--text-link: var(--base0B) !important;
|
||||
--text-muted: var(--base03) !important;
|
||||
--text-negative: var(--base08) !important;
|
||||
--text-normal: var(--base05) !important;
|
||||
--text-positive: var(--base0B) !important;
|
||||
--text-primary: var(--base05) !important;
|
||||
--text-secondary: var(--base04) !important;
|
||||
--text-tertiary: var(--base03) !important;
|
||||
--text-warning: var(--base09) !important;
|
||||
--textbox-markdown-syntax: var(--base05) !important;
|
||||
--theme-base-color: var(--base00) !important;
|
||||
--user-profile-overlay-background: var(--base01) !important;
|
||||
--white-100: var(--base05) !important;
|
||||
--white-200: var(--base05) !important;
|
||||
--white-500: var(--base05) !important;
|
||||
--white: var(--color05) !important;
|
||||
--yellow-360: var(--base0A) !important;
|
||||
--yellow-300: var(--base0A) !important;
|
||||
--__lottieIconColor: var(--base03) !important;
|
||||
--card-background-default: var(--base02) !important;
|
||||
--redesign-button-secondary-background: var(--base03) !important;
|
||||
}
|
||||
|
||||
/*--- Default Color Swap ---*/
|
||||
path[fill^="currentColor"],
|
||||
svg[fill^="currentColor"],
|
||||
rect[fill^="currentColor"] {
|
||||
fill: var(--color07) !important;
|
||||
}
|
||||
|
||||
/*--- Channel Icon Recolor ---*/
|
||||
a[data-list-item-id^="channels___"] svg,
|
||||
a[data-list-item-id^="channels___"] svg path {
|
||||
fill: var(--channel-icon) !important;
|
||||
}
|
||||
|
||||
/*--- Unread Bar + Badges ---*/
|
||||
div[class*="unreadBar"],
|
||||
span[class*="unreadBar"],
|
||||
div[class*="unreadPill"] {
|
||||
background-color: var(--base0B) !important;
|
||||
color: var(--base00) !important;
|
||||
}
|
||||
div[class*="numberBadge"],
|
||||
span[class*="numberBadge"],
|
||||
div[class*="textBadge"],
|
||||
span[class*="textBadge"] {
|
||||
background-color: var(--base0B) !important;
|
||||
color: var(--base00) !important;
|
||||
}
|
||||
|
||||
/*--- Selected Text Recolor ---*/
|
||||
::selection {
|
||||
color: var(--base00);
|
||||
background: var(--base03);
|
||||
}
|
||||
|
||||
/*--- Mention Interactive Hover Color ---*/
|
||||
.mention.interactive:hover {
|
||||
background-color: var(--base04) !important;
|
||||
}
|
||||
|
||||
/*--- Followed Posts Tree/Spine Icon ---*/
|
||||
svg._5b40bdd67543ba35-spine._5b40bdd67543ba35-invertedSpine,
|
||||
svg._5b40bdd67543ba35-spine._5b40bdd67543ba35-invertedSpine path {
|
||||
fill: var(--base0A) !important;
|
||||
color: var(--base0A) !important;
|
||||
}
|
||||
#channels > ul > li > ul > li > svg._5b40bdd67543ba35-spine._5b40bdd67543ba35-invertedSpine > path:nth-child(1) {
|
||||
fill: var(--base0A) !important;
|
||||
}
|
||||
#channels > ul > li > ul > li > svg._5b40bdd67543ba35-spine._5b40bdd67543ba35-invertedSpine > path:nth-child(1),
|
||||
#channels > ul > li > ul > li > svg:nth-child(1),
|
||||
#channels > ul > li > ul > li > svg:nth-child(1) > path:nth-child(1) {
|
||||
fill: var(--base0A) !important;
|
||||
color: var(--base0A) !important;
|
||||
}
|
||||
#channels > ul > li > ul > div {
|
||||
background-color: var(--base0A) !important;
|
||||
color: var(--base0A) !important;
|
||||
border-color: var(--base0A) !important;
|
||||
}
|
||||
|
||||
/*--- Followed Posts Header Link ---*/
|
||||
div._5e434347c823b592-page div._9a337c84ff86a914-header span a span span span {
|
||||
color: var(--base0B) !important;
|
||||
}
|
||||
|
||||
/*--- Followed Posts Header Title ---*/
|
||||
div._5e434347c823b592-page div._9a337c84ff86a914-header h3 span {
|
||||
color: var(--base0A) !important;
|
||||
}
|
||||
|
||||
/*--- Followed Posts Subtitle H2 ---*/
|
||||
div._5e434347c823b592-page div.f75fb00fb7356cbe-subtitleContainer h2 {
|
||||
color: var(--base0B) !important;
|
||||
}
|
||||
|
||||
/*--- Followed Posts Title H1 ---*/
|
||||
div._5e434347c823b592-page div._9293f6b2fc12398a-titleWrapper h1 {
|
||||
color: var(--base0B) !important;
|
||||
}
|
||||
li._5b40bdd67543ba35-container svg,
|
||||
li._5b40bdd67543ba35-container svg path {
|
||||
fill: var(--base0A) !important;
|
||||
color: var(--base0A) !important;
|
||||
}
|
||||
|
||||
/*--- Mention Highlight + Gradient Recolor ---*/
|
||||
div[class*="mentioned"],
|
||||
li[class*="mentioned"] {
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
color-mix(in srgb, var(--base0A) 35%, var(--base01)) 0%,
|
||||
var(--base01) 75%
|
||||
) !important;
|
||||
}
|
||||
div[class*="mentioned"]:hover,
|
||||
li[class*="mentioned"]:hover {
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
color-mix(in srgb, var(--base0A) 45%, var(--base01)) 0%,
|
||||
var(--base01) 75%
|
||||
) !important;
|
||||
}
|
||||
div[class*="mentioned"]::before,
|
||||
li[class*="mentioned"]::before {
|
||||
background: var(--base0B) !important;
|
||||
}
|
||||
|
||||
/*--- Default Folder Color Recolor ---*/
|
||||
.default__459fb {
|
||||
background-color: var(--base07) !important;
|
||||
}
|
||||
|
||||
/*--- Discord Icon (Top Right) Recolor ---*/
|
||||
.childWrapper__6e9f8 {
|
||||
background-color: var(--base02) !important;
|
||||
}
|
||||
|
||||
/*--- Close Icon Path Recolor ---*/
|
||||
svg[class^="closeIcon__"] path {
|
||||
fill: var(--base04) !important;
|
||||
}
|
||||
|
||||
/*--- Listen Along Invite Recolor ---*/
|
||||
.invite__4d3fa {
|
||||
background: var(--base01) !important;
|
||||
border-color: var(--base0A) !important;
|
||||
}
|
||||
|
||||
/*--- Activity Card Background Recolor ---*/
|
||||
.card__73069 {
|
||||
background-color: var(--base01);
|
||||
}
|
||||
|
||||
div[class^="bar__"] {
|
||||
background-color: var(--base01) !important;
|
||||
border-color: var(--base0A) !important;
|
||||
}
|
||||
/*--- Voice Bar Text Recolor ---*/
|
||||
.barText__7aaec {
|
||||
color: var(--base0B) !important;
|
||||
}
|
||||
.unreadIcon__7aaec {
|
||||
color: var(--base0B) !important;
|
||||
}
|
||||
|
||||
/*--- New Messages Indicator Text Recolor ---*/
|
||||
.unreadPull__908e2 {
|
||||
color: var(--base02) !important;
|
||||
}
|
||||
|
||||
/*--- Mentions Bar Text Recolor ---*/
|
||||
.mentionsBar__7aaec .barText__7aaec {
|
||||
color: var(--base05) !important;
|
||||
}
|
||||
|
||||
/*--- Forum Background Recolor ---*/
|
||||
.container_f369db {
|
||||
background-color: var(--bg-overlay-2);
|
||||
}
|
||||
|
||||
/*--- Sidebar Icon Recolor ---*/
|
||||
.circleIconButton__5bc7e {
|
||||
color: var(--base04);
|
||||
}
|
||||
|
||||
/*--- Summaries Tag Icon Recolor ---*/
|
||||
.summariesBetaTag_cf58b5 {
|
||||
color: var(--base03);
|
||||
}
|
||||
|
||||
/*--- Folder Icon Recolor ---*/
|
||||
div.folderIconWrapper__48112 {
|
||||
background-color: var(--base01) !important;
|
||||
}
|
||||
|
||||
/*--- Unread Message Badge Text Color ---*/
|
||||
.numberBadge__2b1f5,
|
||||
.textBadge__2b1f5 {
|
||||
color: var(--base02) !important;
|
||||
}
|
||||
|
||||
/*--- Typing Indicator Recolor ---*/
|
||||
.dots__5ad89 {
|
||||
color: var(--base02) !important;
|
||||
}
|
||||
|
||||
/*--- Other Voice Channel Background Recolor ---*/
|
||||
.iconBadge__650eb {
|
||||
background-color: var(--base03);
|
||||
}
|
||||
|
||||
/*--- Server Booster Icon Recolor ---*/
|
||||
.premiumIcon__5d473 {
|
||||
color: var(--base0F);
|
||||
}
|
||||
|
||||
/*--- Server Boost Progress Bar Recolor ---*/
|
||||
.progress__0d0f9 {
|
||||
background: var(--base0F) !important;
|
||||
}
|
||||
|
||||
/*--- Call Container Recolor ---*/
|
||||
.callContainer_cb9592 {
|
||||
background-color: var(--base00);
|
||||
}
|
||||
.gradientContainer_bfe55a {
|
||||
background-image: var(--base00);
|
||||
}
|
||||
|
||||
/*--- Store Gradient Recolors ---*/
|
||||
.gradient_e9ef78 {
|
||||
background: var(--base01) !important;
|
||||
}
|
||||
.bannerGradient__955a3 {
|
||||
background: var(--base00) !important;
|
||||
}
|
||||
|
||||
/*--- New Messages Summary Bar Recolor -J--*/
|
||||
.newMessagesBar__0f481 {
|
||||
background-color: var(--base03);
|
||||
|
||||
button.barButtonAlt__0f481 {
|
||||
background-color: var(--base02) !important;
|
||||
}
|
||||
}
|
||||
|
||||
/*--- Unread Messages Indicator Recolor ---*/
|
||||
.unreadPill__908e2 {
|
||||
color: var(--base01);
|
||||
}
|
||||
|
||||
/*--- Number Badge Recolor ---*/
|
||||
div[class*="numberBadge"] {
|
||||
color: var(--base05) !important;
|
||||
}
|
||||
|
||||
/*--- Button Text Recolor ---*/
|
||||
.lookFilled__201d5.colorGreen__201d5,
|
||||
.lookFilled__201d5.colorRed__201d5 {
|
||||
color: var(--base00) !important;
|
||||
}
|
||||
|
||||
/*--- Remove Folder Group Borders ---*/
|
||||
.folderGroupBackground__48112 {
|
||||
border: none;
|
||||
}
|
||||
|
||||
/*--- Increase Text Legibility ---*/
|
||||
* {
|
||||
text-rendering: optimizeLegibility !important;
|
||||
}
|
||||
|
||||
/*--- Codeblock Syntax Highlighting Recolor ---*/
|
||||
|
||||
.hljs-ansi-foreground-red {
|
||||
color: var(--base08) !important;
|
||||
}
|
||||
.hljs-ansi-foreground-green {
|
||||
color: var(--base0B) !important;
|
||||
}
|
||||
.hljs-ansi-foreground-yellow {
|
||||
color: var(--base0A) !important;
|
||||
}
|
||||
.hljs-ansi-foreground-blue {
|
||||
color: var(--base0D) !important;
|
||||
}
|
||||
.hljs-ansi-foreground-magenta {
|
||||
color: var(--base0E) !important;
|
||||
}
|
||||
.hljs-attr {
|
||||
color: var(--base06) !important;
|
||||
}
|
||||
.hljs-attribute {
|
||||
color: var(--base06) !important;
|
||||
}
|
||||
.hljs-number {
|
||||
color: var(--base06) !important;
|
||||
}
|
||||
.hljs-selector-class {
|
||||
color: var(--base06) !important;
|
||||
}
|
||||
.hljs-comment {
|
||||
color: var(--base03) !important;
|
||||
}
|
||||
.hljs-subst {
|
||||
color: var(--base0D) !important;
|
||||
}
|
||||
.hljs-selector-pseudo {
|
||||
color: var(--base0B) !important;
|
||||
}
|
||||
.hljs-section {
|
||||
color: var(--base0B) !important;
|
||||
}
|
||||
.hljs-keyword {
|
||||
color: var(--base08) !important;
|
||||
}
|
||||
.hljs-variable {
|
||||
color: var(--base08) !important;
|
||||
}
|
||||
.hljs-meta {
|
||||
color: var(--base03) !important;
|
||||
}
|
||||
.hljs-built_in {
|
||||
color: var(--base09) !important;
|
||||
}
|
||||
.hljs-string {
|
||||
color: var(--base0B) !important;
|
||||
}
|
||||
.hljs-title {
|
||||
color: var(--base0E) !important;
|
||||
}
|
||||
|
||||
/*--- Visual Refresh Recolor ---*/
|
||||
/*--- BIG WORK IN PROGRESS. DISCORD MADE SOME BIG CHANGES. ---*/
|
||||
.visual-refresh {
|
||||
div[class^="autocomplete__"] {
|
||||
background-color: var(--base02) !important;
|
||||
}
|
||||
path[fill^="rgba(88, 101, 242, 1)"] {
|
||||
fill: var(--base0B) !important;
|
||||
}
|
||||
div[class^="topicsPillContainer"] {
|
||||
--bg-overlay-2: var(--base02) !important;
|
||||
}
|
||||
.tagPill__9a337 {
|
||||
background-color: var(--base00) !important;
|
||||
}
|
||||
.bg__960e4 {
|
||||
background: var(--base00) !important;
|
||||
}
|
||||
.header_f37cb1 {
|
||||
/* background-color: var(--base01) !important; */
|
||||
}
|
||||
.wrapper_ef3116 {
|
||||
background-color: var(--base00) !important;
|
||||
}
|
||||
.sidebar_c48ade {
|
||||
background-color: var(--base00) !important;
|
||||
}
|
||||
.searchBar__97492 {
|
||||
background-color: var(--base02) !important;
|
||||
}
|
||||
.channelTextArea_f75fb0 {
|
||||
background: var(--base01) !important;
|
||||
}
|
||||
.chatContent_f75fb0 {
|
||||
background-color: var(--base00) !important;
|
||||
}
|
||||
.members_c8ffbb,
|
||||
.member_c8ffbb {
|
||||
background: var(--base00) !important;
|
||||
}
|
||||
.voiceBar__7aaec {
|
||||
background-color: var(--base02) !important;
|
||||
}
|
||||
button.button__67645.redGlow__67645,
|
||||
span.button__67645.redGlow__67645 {
|
||||
background-color: var(--base02) !important;
|
||||
}
|
||||
|
||||
.experimentButton_e131a9.buttonColor_e131a9.buttonActive_e131a9 {
|
||||
background-color: var(--base0B) !important;
|
||||
color: var(--base00) !important;
|
||||
}
|
||||
|
||||
.selectedBackground_e681d1 {
|
||||
background-color: var(--base02) !important;
|
||||
}
|
||||
|
||||
/*--- Status Icon Recolor (DO NOT DISTURB) ---*/
|
||||
svg[fill^="#d83a42"],
|
||||
rect[fill^="#d83a42"],
|
||||
path[fill^="#d83a42"],
|
||||
svg[fill^="#d83a41"],
|
||||
rect[fill^="#d83a41"],
|
||||
path[fill^="#d83a41"] {
|
||||
fill: var(--status-danger) !important;
|
||||
}
|
||||
/*--- Status Icon Recolor (IDLE) ---*/
|
||||
svg[fill^="#ca9654"],
|
||||
rect[fill^="#ca9654"],
|
||||
path[fill^="#ca9654"],
|
||||
svg[fill^="#cc954c"],
|
||||
rect[fill^="#cc954c"],
|
||||
path[fill^="#cc954c"] {
|
||||
fill: var(--status-warning) !important;
|
||||
}
|
||||
/*--- Status Icon Recolor (ONLINE) ---*/
|
||||
path[fill^="#43a25a"],
|
||||
svg[fill^="#43a25a"],
|
||||
rect[fill^="#43a25a"],
|
||||
path[fill^="#40a258"],
|
||||
svg[fill^="#40a258"],
|
||||
rect[fill^="#40a258"] {
|
||||
fill: var(--status-positive) !important;
|
||||
}
|
||||
/*--- Status Icon Recolor (OFFLINE) ---*/
|
||||
svg[fill^="#83838b"],
|
||||
rect[fill^="#83838b"],
|
||||
path[fill^="#83838b"],
|
||||
svg[fill^="#82838b"],
|
||||
rect[fill^="#82838b"],
|
||||
path[fill^="#82838b"] {
|
||||
fill: var(--base03) !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* --- Light Theme Fix? --- */
|
||||
.theme-light {
|
||||
--base01: color-mix(in srgb, var(--color00) 95%, black) !important;
|
||||
--base02: color-mix(in srgb, var(--color00) 85%, black) !important;
|
||||
--base03: color-mix(in srgb, var(--color00) 80%, black) !important;
|
||||
--base04: color-mix(in srgb, var(--color00) 70%, black) !important;
|
||||
--base06: color-mix(in srgb, var(--color05) 95%, white) !important;
|
||||
--base07: color-mix(in srgb, var(--color05) 90%, white) !important;
|
||||
}
|
||||
|
||||
[class*="sidebar"]::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 1px;
|
||||
background: rgba(255,255,255,0.05);
|
||||
transform: scaleX(0.5);
|
||||
transform-origin: right;
|
||||
pointer-events: none;
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
{
|
||||
"name": "theme-harbordark",
|
||||
"displayName": "Harbordark Theme",
|
||||
"description": "Harbordark color theme",
|
||||
"publisher": "local",
|
||||
"version": "1.0.0",
|
||||
"engines": {
|
||||
"vscode": "^1.70.0"
|
||||
},
|
||||
"categories": [
|
||||
"Themes"
|
||||
],
|
||||
"contributes": {
|
||||
"themes": [
|
||||
{
|
||||
"label": "Harbordark",
|
||||
"uiTheme": "vs-dark",
|
||||
"path": "./themes/harbordark-color-theme.json"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1 @@
|
||||
{"name": "Harbordark", "extension": "local.theme-harbordark"}
|
||||
@@ -0,0 +1,100 @@
|
||||
@define-color selected-text #df7e76;
|
||||
@define-color text #929292;
|
||||
@define-color search-text #929292;
|
||||
@define-color caret #929292;
|
||||
@define-color base #1B1B1B;
|
||||
@define-color border #a99b7a;
|
||||
@define-color foreground #929292;
|
||||
@define-color background #1B1B1B;
|
||||
|
||||
@keyframes open {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: scaleY(0.3);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: scaleY(1);
|
||||
}
|
||||
}
|
||||
|
||||
window * {
|
||||
all: unset;
|
||||
color: @text;
|
||||
background: none;
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
window .normal-icons,
|
||||
window .large-icons,
|
||||
window .item-image,
|
||||
window .symbols {
|
||||
-gtk-icon-size: 0px;
|
||||
min-width: 0;
|
||||
min-height: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
window .box-wrapper {
|
||||
background: alpha(@base, 1);
|
||||
border: 2px solid alpha(@border, 0.9);
|
||||
border-radius: 5px;
|
||||
padding: 10px;
|
||||
margin: 0;
|
||||
min-width: 230px;
|
||||
animation: open 200ms cubic-bezier(0.34, 1.2, 0.64, 1) forwards;
|
||||
transform-origin: top center;
|
||||
box-shadow: 0 2px 12px alpha(black, 0.85);
|
||||
}
|
||||
|
||||
window .search-container {
|
||||
padding: 0px 8px;
|
||||
margin-bottom: 0px;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
window .keybind-hints {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
window .input {
|
||||
background: transparent;
|
||||
color: @search-text;
|
||||
caret-color: @caret;
|
||||
}
|
||||
|
||||
window .input text,
|
||||
window .input placeholder {
|
||||
color: @search-text;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
window .item-text-box {
|
||||
padding: 7px 0;
|
||||
}
|
||||
|
||||
window .item-box {
|
||||
padding: 0 8px;
|
||||
}
|
||||
|
||||
window .preview {
|
||||
border: 2px solid alpha(@border, 0.4);
|
||||
border-radius: 4px;
|
||||
background: alpha(@base, 0.5);
|
||||
color: @text;
|
||||
padding: 10px;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
window child:selected .item-box {
|
||||
background: @base;
|
||||
}
|
||||
|
||||
window child:selected .item-box * {
|
||||
color: @selected-text;
|
||||
transition: color 150ms ease;
|
||||
}
|
||||
@@ -0,0 +1,2 @@
|
||||
@define-color background #1B1B1B;
|
||||
@define-color foreground #a99b7a;
|
||||
@@ -0,0 +1,105 @@
|
||||
{
|
||||
"$schema": "https://zed.dev/schema/themes/v0.1.0.json",
|
||||
"name": "Omarchy",
|
||||
"author": "@bypass_",
|
||||
"themes": [
|
||||
{
|
||||
"name": "Omarchy",
|
||||
"appearance": "dark",
|
||||
"style": {
|
||||
"background": "#1B1B1B90",
|
||||
"editor.background": "#1B1B1B90",
|
||||
"editor.foreground": "#efebdc",
|
||||
"text": "#efebdc",
|
||||
"text.muted": "#efebdc70",
|
||||
"text.ignored": "#efebdc40",
|
||||
"text.placeholder": "#efebdc50",
|
||||
"ignored": "#efebdc30",
|
||||
"element.hover": "#efebdc30",
|
||||
"ghost_element.hover": "#817f6830",
|
||||
"ghost_element.selected": "#817f6830",
|
||||
"ghost_element.active": "#817f6860",
|
||||
"border": "#1B1B1B",
|
||||
"editor.highlighted_line.background": "#817f6810",
|
||||
"editor.active_line.background": "#817f6810",
|
||||
"panel.background": "#1B1B1B90",
|
||||
"title_bar.background": "#1B1B1B90",
|
||||
"title_bar.inactive_background": "#1B1B1B90",
|
||||
"status_bar.background": "#1B1B1B90",
|
||||
"drop_target.background": "#1B1B1B90",
|
||||
"elevated_surface.background": "#1B1B1B",
|
||||
"toolbar.background": "#1B1B1B90",
|
||||
"tab_bar.background": "#1B1B1B90",
|
||||
"tab.inactive_background": "#1B1B1B90",
|
||||
"tab.active_background": "#817f6830",
|
||||
"scrollbar.track.background": "transparent",
|
||||
"scrollbar.track.border": "#1B1B1B",
|
||||
"scrollbar.thumb.background": "#efebdc",
|
||||
"editor.gutter.background": "#1B1B1B90",
|
||||
"terminal.background": "#1B1B1B10",
|
||||
"terminal.foreground": "#efebdc",
|
||||
"terminal.dim_foreground": "#efebdc",
|
||||
"terminal.bright_foreground": "#efebdc",
|
||||
"terminal.ansi.black": "#1B1B1B",
|
||||
"terminal.ansi.red": "#F44336",
|
||||
"terminal.ansi.green": "#e75a50",
|
||||
"terminal.ansi.yellow": "#a99b7a",
|
||||
"terminal.ansi.blue": "#e58980",
|
||||
"terminal.ansi.magenta": "#77838a",
|
||||
"terminal.ansi.cyan": "#6d6d6d",
|
||||
"terminal.ansi.white": "#E1CE98",
|
||||
"terminal.ansi.bright_black": "#817f68",
|
||||
"terminal.ansi.bright_red": "#f44336",
|
||||
"terminal.ansi.bright_green": "#e75a50",
|
||||
"terminal.ansi.bright_yellow": "#a99b7a",
|
||||
"terminal.ansi.bright_blue": "#e58980",
|
||||
"terminal.ansi.bright_magenta": "#77838a",
|
||||
"terminal.ansi.bright_cyan": "#6d6d6d",
|
||||
"terminal.ansi.bright_white": "#efebdc",
|
||||
"modified": "#F44336",
|
||||
"syntax": {
|
||||
"attribute": {
|
||||
"color": "#E1CE98"
|
||||
},
|
||||
"boolean": {
|
||||
"color": "#e75a50"
|
||||
},
|
||||
"comment": {
|
||||
"color": "#817f68"
|
||||
},
|
||||
"comment.doc": {
|
||||
"color": "#817f68"
|
||||
},
|
||||
"constant": {
|
||||
"color": "#e75a50"
|
||||
},
|
||||
"function": {
|
||||
"color": "#6d6d6d"
|
||||
},
|
||||
"keyword": {
|
||||
"color": "#e58980"
|
||||
},
|
||||
"number": {
|
||||
"color": "#77838a"
|
||||
},
|
||||
"operator": {
|
||||
"color": "#e58980"
|
||||
},
|
||||
"string": {
|
||||
"color": "#F44336"
|
||||
},
|
||||
"variable": {
|
||||
"color": "#e75a50"
|
||||
}
|
||||
},
|
||||
"players": [
|
||||
{
|
||||
"cursor": "#efebdc",
|
||||
"background": "#1B1B1B",
|
||||
"selection": "#efebdc30"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,190 @@
|
||||
/* Aether Theme Override Template
|
||||
* This file is automatically generated and copied to ~/.config/aether/theme.override.css
|
||||
* when you apply a theme in Aether.
|
||||
*
|
||||
* Generated from palette colors selected in Aether
|
||||
*/
|
||||
|
||||
/* Dynamic Color Palette */
|
||||
@define-color background #dfe4c4;
|
||||
@define-color foreground #1c2d28;
|
||||
|
||||
@define-color black #dfe4c4;
|
||||
@define-color red #b14752;
|
||||
@define-color green #556753;
|
||||
@define-color yellow #dc8164;
|
||||
@define-color blue #4c6c94;
|
||||
@define-color magenta #8a5b81;
|
||||
@define-color cyan #3d727d;
|
||||
@define-color white #384f54;
|
||||
@define-color bright_black #7d8794;
|
||||
@define-color bright_red #b14752;
|
||||
@define-color bright_green #556753;
|
||||
@define-color bright_yellow #dc8164;
|
||||
@define-color bright_blue #4c6c94;
|
||||
@define-color bright_magenta #8a5b81;
|
||||
@define-color bright_cyan #3d727d;
|
||||
@define-color bright_white #1c2d28;
|
||||
|
||||
/* Base GTK theme variables */
|
||||
@define-color theme_bg_color @background;
|
||||
@define-color theme_fg_color @foreground;
|
||||
@define-color theme_base_color @background;
|
||||
@define-color theme_text_color @foreground;
|
||||
@define-color theme_selected_bg_color @blue;
|
||||
@define-color theme_selected_fg_color @background;
|
||||
@define-color insensitive_bg_color alpha(@background, 0.5);
|
||||
@define-color insensitive_fg_color alpha(@foreground, 0.5);
|
||||
@define-color insensitive_base_color @background;
|
||||
@define-color theme_unfocused_bg_color @background;
|
||||
@define-color theme_unfocused_fg_color @foreground;
|
||||
@define-color theme_unfocused_base_color @background;
|
||||
@define-color theme_unfocused_text_color @foreground;
|
||||
@define-color theme_unfocused_selected_bg_color @blue;
|
||||
@define-color theme_unfocused_selected_fg_color @background;
|
||||
|
||||
/* Adwaita Color Overrides */
|
||||
@define-color accent_bg_color @blue;
|
||||
@define-color accent_fg_color @bright_white;
|
||||
@define-color accent_color @cyan;
|
||||
|
||||
@define-color window_bg_color @background;
|
||||
@define-color window_fg_color @foreground;
|
||||
|
||||
/* Sidebar background and content */
|
||||
@define-color view_bg_color @background;
|
||||
@define-color view_fg_color @foreground;
|
||||
@define-color sidebar_bg_color @background;
|
||||
@define-color sidebar_fg_color @foreground;
|
||||
@define-color sidebar_backdrop_color @background;
|
||||
@define-color sidebar_shade_color @background;
|
||||
|
||||
@define-color headerbar_bg_color alpha(@foreground, 0.05);
|
||||
@define-color headerbar_fg_color @foreground;
|
||||
@define-color headerbar_backdrop_color @background;
|
||||
@define-color headerbar_shade_color @background;
|
||||
@define-color headerbar_border_color alpha(@foreground, 0.15);
|
||||
|
||||
@define-color card_bg_color alpha(@foreground, 0.03);
|
||||
@define-color card_fg_color @foreground;
|
||||
@define-color card_shade_color @background;
|
||||
|
||||
@define-color thumbnail_bg_color @background;
|
||||
@define-color thumbnail_fg_color @foreground;
|
||||
|
||||
@define-color shade_color @background;
|
||||
@define-color scrollbar_outline_color @background;
|
||||
|
||||
@define-color popover_bg_color @background;
|
||||
@define-color popover_fg_color @foreground;
|
||||
|
||||
@define-color dialog_bg_color @background;
|
||||
@define-color dialog_fg_color @foreground;
|
||||
|
||||
@define-color destructive_bg_color @red;
|
||||
@define-color destructive_fg_color @bright_white;
|
||||
|
||||
@define-color success_bg_color @green;
|
||||
@define-color success_fg_color @bright_white;
|
||||
|
||||
@define-color warning_bg_color @yellow;
|
||||
@define-color warning_fg_color @bright_white;
|
||||
|
||||
@define-color error_bg_color @red;
|
||||
@define-color error_fg_color @bright_white;
|
||||
|
||||
@define-color borders alpha(@foreground, 0.15);
|
||||
|
||||
/* Additional bg/fg color variables */
|
||||
@define-color window_backdrop_color @background;
|
||||
@define-color view_backdrop_color @background;
|
||||
|
||||
@define-color menu_bg_color @background;
|
||||
@define-color menu_fg_color @foreground;
|
||||
|
||||
@define-color entry_bg_color alpha(@foreground, 0.03);
|
||||
@define-color entry_fg_color @foreground;
|
||||
|
||||
@define-color button_bg_color alpha(@foreground, 0.05);
|
||||
@define-color button_fg_color @foreground;
|
||||
|
||||
@define-color tooltip_bg_color @background;
|
||||
@define-color tooltip_fg_color @foreground;
|
||||
@define-color tooltip_border_color alpha(@foreground, 0.15);
|
||||
|
||||
@define-color osd_bg_color @background;
|
||||
@define-color osd_fg_color @foreground;
|
||||
@define-color osd_border_color alpha(@foreground, 0.15);
|
||||
|
||||
@define-color filechooser_bg_color @background;
|
||||
@define-color filechooser_fg_color @foreground;
|
||||
|
||||
@define-color nautilus_window_bg_color @background;
|
||||
@define-color nautilus_window_fg_color @foreground;
|
||||
|
||||
/* Portal/native dialog colors */
|
||||
@define-color portal_bg_color @background;
|
||||
@define-color portal_fg_color @foreground;
|
||||
|
||||
/* Gtk.FileDialog uses these in GTK4 */
|
||||
@define-color filedialog_bg_color @background;
|
||||
@define-color filedialog_fg_color @foreground;
|
||||
|
||||
/* Dropdown/ComboBox colors */
|
||||
@define-color dropdown_bg_color @background;
|
||||
@define-color dropdown_fg_color @foreground;
|
||||
@define-color dropdown_hover_bg_color alpha(@blue, 0.3);
|
||||
@define-color dropdown_selected_bg_color @blue;
|
||||
@define-color dropdown_selected_fg_color @background;
|
||||
|
||||
/* Pathbar/Breadcrumb colors */
|
||||
@define-color pathbar_bg_color @background;
|
||||
@define-color pathbar_fg_color @foreground;
|
||||
|
||||
/* Toolbar colors */
|
||||
@define-color toolbar_bg_color @background;
|
||||
@define-color toolbar_fg_color @foreground;
|
||||
|
||||
/* Notebook/Tab colors */
|
||||
@define-color notebook_bg_color @background;
|
||||
@define-color notebook_fg_color @foreground;
|
||||
|
||||
/* Scrollbar colors */
|
||||
@define-color scrollbar_slider_color alpha(@foreground, 0.3);
|
||||
@define-color scrollbar_slider_hover_color alpha(@foreground, 0.5);
|
||||
@define-color scrollbar_slider_active_color @foreground;
|
||||
|
||||
/* Treeview/Listview colors */
|
||||
@define-color treeview_bg_color @background;
|
||||
@define-color treeview_fg_color @foreground;
|
||||
|
||||
/* Link colors */
|
||||
@define-color link_color @blue;
|
||||
@define-color link_visited_color @magenta;
|
||||
|
||||
/* Selection colors (for text selection, etc) */
|
||||
@define-color selection_bg_color @blue;
|
||||
@define-color selection_fg_color @background;
|
||||
|
||||
/* Content view (file browser grid/list) */
|
||||
@define-color content_view_bg @background;
|
||||
@define-color content_view_fg @foreground;
|
||||
|
||||
/* Placeholder text in entries */
|
||||
@define-color placeholder_text_color alpha(@foreground, 0.5);
|
||||
|
||||
/* Dim label */
|
||||
@define-color dim_label_color alpha(@foreground, 0.55);
|
||||
|
||||
|
||||
/* SVG Icons - recolor to match foreground text */
|
||||
.svg-icon {
|
||||
filter: invert(79%) sepia(18%) saturate(611%) hue-rotate(192deg)
|
||||
brightness(103%) contrast(94%);
|
||||
}
|
||||
|
||||
/* Sharp corners, Hyprland-inspired */
|
||||
* {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,302 @@
|
||||
{
|
||||
"$schema": "https://zed.dev/schema/themes/v0.1.0.json",
|
||||
"name": "aether",
|
||||
"author": "Aether",
|
||||
"themes": [
|
||||
{
|
||||
"name": "Aether",
|
||||
"appearance": "dark",
|
||||
"style": {
|
||||
"border": "#dfe4c4",
|
||||
"border.variant": "#dfe4c4",
|
||||
"border.focused": null,
|
||||
"border.selected": null,
|
||||
"border.transparent": null,
|
||||
"border.disabled": null,
|
||||
"elevated_surface.background": "#dfe4c4",
|
||||
"surface.background": "#dfe4c4",
|
||||
"background": "#dfe4c4",
|
||||
"element.background": "#7d8794",
|
||||
"element.hover": "#dfe4c4",
|
||||
"element.active": null,
|
||||
"element.selected": "#dfe4c4",
|
||||
"element.disabled": null,
|
||||
"drop_target.background": "#dfe4c4",
|
||||
"ghost_element.background": null,
|
||||
"ghost_element.hover": "#7d8794",
|
||||
"ghost_element.active": null,
|
||||
"ghost_element.selected": "#dfe4c4",
|
||||
"ghost_element.disabled": null,
|
||||
"text": "#1c2d28",
|
||||
"text.muted": "#384f54",
|
||||
"text.placeholder": "#384f54",
|
||||
"text.disabled": "#dfe4c4",
|
||||
"text.accent": "#3d727d",
|
||||
"icon": null,
|
||||
"icon.muted": null,
|
||||
"icon.disabled": null,
|
||||
"icon.placeholder": null,
|
||||
"icon.accent": null,
|
||||
"status_bar.background": "#dfe4c4",
|
||||
"title_bar.background": "#dfe4c4",
|
||||
"title_bar.inactive_background": "#7d8794",
|
||||
"toolbar.background": "#dfe4c4",
|
||||
"tab_bar.background": "#dfe4c4",
|
||||
"tab.inactive_background": "#7d8794",
|
||||
"tab.active_background": "#dfe4c4",
|
||||
"search.match_background": "#dfe4c4",
|
||||
"panel.background": "#dfe4c4",
|
||||
"panel.focused_border": "#dfe4c4",
|
||||
"pane.focused_border": null,
|
||||
"scrollbar.thumb.background": "#dfe4c4",
|
||||
"scrollbar.thumb.hover_background": "#7d8794",
|
||||
"scrollbar.thumb.border": "#dfe4c46f",
|
||||
"scrollbar.track.background": "#dfe4c4",
|
||||
"scrollbar.track.border": null,
|
||||
"editor.foreground": "#1c2d28",
|
||||
"editor.background": "#dfe4c4",
|
||||
"editor.gutter.background": "#dfe4c4",
|
||||
"editor.subheader.background": "#dfe4c4",
|
||||
"editor.active_line.background": "#7d8794",
|
||||
"editor.highlighted_line.background": null,
|
||||
"editor.line_number": "#7d8794",
|
||||
"editor.active_line_number": "#1c2d28",
|
||||
"editor.invisible": null,
|
||||
"editor.wrap_guide": "#7d8794",
|
||||
"editor.active_wrap_guide": "#7d8794",
|
||||
"editor.document_highlight.read_background": "#7d8794",
|
||||
"editor.document_highlight.write_background": "#7d8794",
|
||||
"terminal.background": "#dfe4c4",
|
||||
"terminal.foreground": null,
|
||||
"terminal.bright_foreground": null,
|
||||
"terminal.dim_foreground": null,
|
||||
"terminal.ansi.black": "#dfe4c4",
|
||||
"terminal.ansi.bright_black": "#7d8794",
|
||||
"terminal.ansi.dim_black": null,
|
||||
"terminal.ansi.red": "#b14752",
|
||||
"terminal.ansi.bright_red": "#b14752",
|
||||
"terminal.ansi.dim_red": null,
|
||||
"terminal.ansi.green": "#556753",
|
||||
"terminal.ansi.bright_green": "#556753",
|
||||
"terminal.ansi.dim_green": null,
|
||||
"terminal.ansi.yellow": "#dc8164",
|
||||
"terminal.ansi.bright_yellow": "#dc8164",
|
||||
"terminal.ansi.dim_yellow": null,
|
||||
"terminal.ansi.blue": "#4c6c94",
|
||||
"terminal.ansi.bright_blue": "#4c6c94",
|
||||
"terminal.ansi.dim_blue": null,
|
||||
"terminal.ansi.magenta": "#8a5b81",
|
||||
"terminal.ansi.bright_magenta": "#8a5b81",
|
||||
"terminal.ansi.dim_magenta": null,
|
||||
"terminal.ansi.cyan": "#3d727d",
|
||||
"terminal.ansi.bright_cyan": "#3d727d",
|
||||
"terminal.ansi.dim_cyan": null,
|
||||
"terminal.ansi.white": "#1c2d28",
|
||||
"terminal.ansi.bright_white": "#384f54",
|
||||
"terminal.ansi.dim_white": null,
|
||||
"link_text.hover": "#3d727d",
|
||||
"conflict": "#dc8164",
|
||||
"conflict.background": "#dfe4c4",
|
||||
"conflict.border": "#dc8164",
|
||||
"created": "#556753",
|
||||
"created.background": "#dfe4c4",
|
||||
"created.border": "#556753",
|
||||
"deleted": "#b14752",
|
||||
"deleted.background": "#dfe4c4",
|
||||
"deleted.border": "#b14752",
|
||||
"error": "#b14752",
|
||||
"error.background": "#dfe4c4",
|
||||
"error.border": "#b14752",
|
||||
"hidden": "#7d8794",
|
||||
"hidden.background": "#dfe4c4",
|
||||
"hidden.border": "#7d8794",
|
||||
"hint": "#1c2d28",
|
||||
"hint.background": "#dfe4c4",
|
||||
"hint.border": "#3d727d",
|
||||
"ignored": "#7d8794",
|
||||
"ignored.background": "#dfe4c4",
|
||||
"ignored.border": "#7d8794",
|
||||
"info": "#3d727d",
|
||||
"info.background": "#dfe4c4",
|
||||
"info.border": "#3d727d",
|
||||
"modified": "#5e81ac",
|
||||
"modified.background": "#dfe4c4",
|
||||
"modified.border": "#5e81ac",
|
||||
"predictive": "#7d8794",
|
||||
"predictive.background": "#7d8794",
|
||||
"predictive.border": "#dfe4c4",
|
||||
"renamed": "#dc8164",
|
||||
"renamed.background": "#dfe4c4",
|
||||
"renamed.border": "#dc8164",
|
||||
"success": "#556753",
|
||||
"success.background": "#dfe4c4",
|
||||
"success.border": "#556753",
|
||||
"unreachable": "#dc8164",
|
||||
"unreachable.background": "#dfe4c4",
|
||||
"unreachable.border": "#dc8164",
|
||||
"warning": "#dc8164",
|
||||
"warning.background": "#dfe4c4",
|
||||
"warning.border": "#dc8164",
|
||||
"players": [
|
||||
{
|
||||
"cursor": "#1c2d28",
|
||||
"selection": "#dfe4c4",
|
||||
"background": null
|
||||
}
|
||||
],
|
||||
"syntax": {
|
||||
"attribute": {
|
||||
"color": "#5e81ac",
|
||||
"font_style": null,
|
||||
"font_weight": null
|
||||
},
|
||||
"boolean": {
|
||||
"color": "#b14752",
|
||||
"font_style": null,
|
||||
"font_weight": null
|
||||
},
|
||||
"comment": {
|
||||
"color": "#7d8794",
|
||||
"font_style": "italic",
|
||||
"font_weight": null
|
||||
},
|
||||
"comment.doc": {
|
||||
"color": "#7d8794",
|
||||
"font_style": "italic",
|
||||
"font_weight": null
|
||||
},
|
||||
"constant": {
|
||||
"color": "#b14752",
|
||||
"font_style": null,
|
||||
"font_weight": null
|
||||
},
|
||||
"constructor": {
|
||||
"color": "#b14752",
|
||||
"font_style": null,
|
||||
"font_weight": null
|
||||
},
|
||||
"emphasis": {
|
||||
"color": "#b14752",
|
||||
"font_style": "italic",
|
||||
"font_weight": null
|
||||
},
|
||||
"emphasis.strong": {
|
||||
"color": "#b14752",
|
||||
"font_style": null,
|
||||
"font_weight": 700
|
||||
},
|
||||
"function": {
|
||||
"color": "#5e81ac",
|
||||
"font_style": null,
|
||||
"font_weight": null
|
||||
},
|
||||
"keyword": {
|
||||
"color": "#8a5b81",
|
||||
"font_style": null,
|
||||
"font_weight": null
|
||||
},
|
||||
"label": {
|
||||
"color": "#dc8164",
|
||||
"font_style": null,
|
||||
"font_weight": null
|
||||
},
|
||||
"link_text": {
|
||||
"color": "#b14752",
|
||||
"font_style": null,
|
||||
"font_weight": null
|
||||
},
|
||||
"link_uri": {
|
||||
"color": "#b14752",
|
||||
"font_style": null,
|
||||
"font_weight": null
|
||||
},
|
||||
"number": {
|
||||
"color": "#b14752",
|
||||
"font_style": null,
|
||||
"font_weight": null
|
||||
},
|
||||
"punctuation": {
|
||||
"color": "#1c2d28",
|
||||
"font_style": null,
|
||||
"font_weight": null
|
||||
},
|
||||
"punctuation.bracket": {
|
||||
"color": "#1c2d28",
|
||||
"font_style": null,
|
||||
"font_weight": null
|
||||
},
|
||||
"punctuation.delimiter": {
|
||||
"color": "#1c2d28",
|
||||
"font_style": null,
|
||||
"font_weight": null
|
||||
},
|
||||
"punctuation.list_marker": {
|
||||
"color": "#1c2d28",
|
||||
"font_style": null,
|
||||
"font_weight": null
|
||||
},
|
||||
"punctuation.special": {
|
||||
"color": "#1c2d28",
|
||||
"font_style": null,
|
||||
"font_weight": null
|
||||
},
|
||||
"string": {
|
||||
"color": "#556753",
|
||||
"font_style": null,
|
||||
"font_weight": null
|
||||
},
|
||||
"string.escape": {
|
||||
"color": "#b14752",
|
||||
"font_style": null,
|
||||
"font_weight": null
|
||||
},
|
||||
"string.regex": {
|
||||
"color": "#556753",
|
||||
"font_style": null,
|
||||
"font_weight": null
|
||||
},
|
||||
"string.special": {
|
||||
"color": "#556753",
|
||||
"font_style": null,
|
||||
"font_weight": null
|
||||
},
|
||||
"string.special.symbol": {
|
||||
"color": "#556753",
|
||||
"font_style": null,
|
||||
"font_weight": null
|
||||
},
|
||||
"tag": {
|
||||
"color": "#b14752",
|
||||
"font_style": null,
|
||||
"font_weight": null
|
||||
},
|
||||
"text.literal": {
|
||||
"color": "#556753",
|
||||
"font_style": null,
|
||||
"font_weight": null
|
||||
},
|
||||
"title": {
|
||||
"color": "#dc8164",
|
||||
"font_style": null,
|
||||
"font_weight": null
|
||||
},
|
||||
"type": {
|
||||
"color": "#dc8164",
|
||||
"font_style": null,
|
||||
"font_weight": null
|
||||
},
|
||||
"variable": {
|
||||
"color": "#b14752",
|
||||
"font_style": null,
|
||||
"font_weight": null
|
||||
},
|
||||
"variable.special": {
|
||||
"color": "#b14752",
|
||||
"font_style": "italic",
|
||||
"font_weight": null
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,28 @@
|
||||
[colors]
|
||||
[colors.primary]
|
||||
background = "#dfe4c4"
|
||||
foreground = "#1c2d28"
|
||||
|
||||
[colors.normal]
|
||||
black = "#dfe4c4"
|
||||
red = "#b14752"
|
||||
green = "#556753"
|
||||
yellow = "#dc8164"
|
||||
blue = "#4c6c94"
|
||||
magenta = "#8a5b81"
|
||||
cyan = "#3d727d"
|
||||
white = "#384f54"
|
||||
|
||||
[colors.bright]
|
||||
black = "#7d8794"
|
||||
red = "#b14752"
|
||||
green = "#556753"
|
||||
yellow = "#dc8164"
|
||||
blue = "#4c6c94"
|
||||
magenta = "#8a5b81"
|
||||
cyan = "#3d727d"
|
||||
white = "#1c2d28"
|
||||
|
||||
[colors.cursor]
|
||||
text = "#dfe4c4"
|
||||
cursor = "#1c2d28"
|
||||
@@ -0,0 +1,70 @@
|
||||
# Main background, empty for terminal default, need to be empty if you want transparent background
|
||||
theme[main_bg]="#dfe4c4"
|
||||
|
||||
# Main text color
|
||||
theme[main_fg]="#1c2d28"
|
||||
|
||||
# Title color for boxes
|
||||
theme[title]="#8a5b81"
|
||||
|
||||
# Highlight color for keyboard shortcuts
|
||||
theme[hi_fg]="#3d727d"
|
||||
|
||||
# Background color of selected item in processes box
|
||||
theme[selected_bg]="#3d727d"
|
||||
|
||||
# Foreground color of selected item in processes box
|
||||
theme[selected_fg]="#dfe4c4"
|
||||
|
||||
# Color of inactive/disabled text
|
||||
theme[inactive_fg]="#bec2a7"
|
||||
|
||||
# Misc colors for processes box including mini cpu graphs, details memory graph and details status text
|
||||
theme[proc_misc]="#8a5b81"
|
||||
|
||||
# Box outline and divider line color
|
||||
theme[cpu_box]="#8a5b81"
|
||||
theme[mem_box]="#5e81ac"
|
||||
theme[net_box]="#5e81ac"
|
||||
theme[proc_box]="#3d727d"
|
||||
theme[div_line]="#556753"
|
||||
|
||||
# Gradient for all meters and graphs
|
||||
theme[temp_start]="#3d727d"
|
||||
theme[temp_mid]="#5e81ac"
|
||||
theme[temp_end]="#556753"
|
||||
|
||||
|
||||
theme[cpu_start]="#3d727d"
|
||||
theme[cpu_mid]="#5e81ac"
|
||||
theme[cpu_end]="#556753"
|
||||
|
||||
|
||||
theme[free_start]="#3d727d"
|
||||
theme[free_mid]="#5e81ac"
|
||||
theme[free_end]="#dc8164"
|
||||
|
||||
|
||||
theme[cached_start]="#3d727d"
|
||||
theme[cached_mid]="#5e81ac"
|
||||
theme[cached_end]="#dc8164"
|
||||
|
||||
|
||||
theme[available_start]="#3d727d"
|
||||
theme[available_mid]="#3d727d"
|
||||
theme[available_end]="#3d727d"
|
||||
|
||||
|
||||
theme[used_start]="#556753"
|
||||
theme[used_mid]="#556753"
|
||||
theme[used_end]="#556753"
|
||||
|
||||
|
||||
theme[download_start]="#dc8164"
|
||||
theme[download_mid]="#3d727d"
|
||||
theme[download_end]="#5e81ac"
|
||||
|
||||
|
||||
theme[upload_start]="#dc8164"
|
||||
theme[upload_mid]="#3d727d"
|
||||
theme[upload_end]="#5e81ac"
|
||||
@@ -0,0 +1,11 @@
|
||||
[color]
|
||||
gradient = 1
|
||||
gradient_count = 8
|
||||
gradient_color_1 = '#3d727d'
|
||||
gradient_color_2 = '#5e81ac'
|
||||
gradient_color_3 = '#5e81ac'
|
||||
gradient_color_4 = '#8a5b81'
|
||||
gradient_color_5 = '#8a5b81'
|
||||
gradient_color_6 = '#3d727d'
|
||||
gradient_color_7 = '#8a5b81'
|
||||
gradient_color_8 = '#3d727d'
|
||||
@@ -0,0 +1 @@
|
||||
95,129,112
|
||||
@@ -0,0 +1,27 @@
|
||||
set -U background '#dfe4c4'
|
||||
set -U foreground '#1c2d28'
|
||||
set -U cursor '#1c2d28'
|
||||
set -U color0 '#dfe4c4'
|
||||
set -U color1 '#b14752'
|
||||
set -U color2 '#556753'
|
||||
set -U color3 '#dc8164'
|
||||
set -U color4 '#4c6c94'
|
||||
set -U color5 '#8a5b81'
|
||||
set -U color6 '#3d727d'
|
||||
set -U color7 '#384f54'
|
||||
set -U color8 '#7d8794'
|
||||
set -U color9 '#b14752'
|
||||
set -U color10 '#556753'
|
||||
set -U color11 '#dc8164'
|
||||
set -U color12 '#4c6c94'
|
||||
set -U color13 '#8a5b81'
|
||||
set -U color14 '#3d727d'
|
||||
set -U color15 '#1c2d28'
|
||||
|
||||
set -U fish_color_normal normal
|
||||
set -U fish_color_command green
|
||||
set -U fish_color_param cyan
|
||||
set -U fish_pager_color_completion
|
||||
set -U fish_pager_color_description $fish_color_quote yellow
|
||||
set -U fish_pager_color_progress brwhite --background=cyan
|
||||
set -U fish_color_history_current --bold
|
||||
@@ -0,0 +1,23 @@
|
||||
accent = "#5e81ac"
|
||||
cursor = "#1c2d28"
|
||||
foreground = "#1c2d28"
|
||||
background = "#dfe4c4"
|
||||
selection_foreground = "#1c2d28"
|
||||
selection_background = "#5e81ac"
|
||||
|
||||
color0 = "#dfe4c4"
|
||||
color1 = "#b14752"
|
||||
color2 = "#556753"
|
||||
color3 = "#dc8164"
|
||||
color4 = "#4c6c94"
|
||||
color5 = "#8a5b81"
|
||||
color6 = "#3d727d"
|
||||
color7 = "#384f54"
|
||||
color8 = "#7d8794"
|
||||
color9 = "#b14752"
|
||||
color10 = "#556753"
|
||||
color11 = "#dc8164"
|
||||
color12 = "#4c6c94"
|
||||
color13 = "#8a5b81"
|
||||
color14 = "#3d727d"
|
||||
color15 = "#1c2d28"
|
||||
@@ -0,0 +1,26 @@
|
||||
set -l color00 '#dfe4c4'
|
||||
set -l color01 '#b14752'
|
||||
set -l color02 '#556753'
|
||||
set -l color03 '#dc8164'
|
||||
set -l color04 '#4c6c94'
|
||||
set -l color05 '#8a5b81'
|
||||
set -l color06 '#3d727d'
|
||||
set -l color07 '#384f54'
|
||||
set -l color08 '#7d8794'
|
||||
set -l color09 '#b14752'
|
||||
set -l color0A '#556753'
|
||||
set -l color0B '#dc8164'
|
||||
set -l color0C '#4c6c94'
|
||||
set -l color0D '#8a5b81'
|
||||
set -l color0E '#3d727d'
|
||||
set -l color0F '#1c2d28'
|
||||
|
||||
set -l FZF_NON_COLOR_OPTS
|
||||
|
||||
for arg in (echo $FZF_DEFAULT_OPTS | tr " " "\n")
|
||||
if not string match -q -- "--color*" $arg
|
||||
set -a FZF_NON_COLOR_OPTS $arg
|
||||
end
|
||||
end
|
||||
|
||||
set -Ux FZF_DEFAULT_OPTS "$FZF_NON_COLOR_OPTS"" --color=bg+:$color00,bg:$color00,spinner:$color0E,hl:$color0D"" --color=fg:$color07,header:$color0D,info:$color0A,pointer:$color0E"" --color=marker:$color0E,fg+:$color06,prompt:$color0A,hl+:$color0D"
|
||||
@@ -0,0 +1,23 @@
|
||||
# Background and foreground colors
|
||||
background = #dfe4c4
|
||||
foreground = #1c2d28
|
||||
|
||||
# Standard colors
|
||||
palette = 0=#dfe4c4
|
||||
palette = 1=#b14752
|
||||
palette = 2=#556753
|
||||
palette = 3=#dc8164
|
||||
palette = 4=#4c6c94
|
||||
palette = 5=#8a5b81
|
||||
palette = 6=#3d727d
|
||||
palette = 7=#384f54
|
||||
|
||||
# Bright colors
|
||||
palette = 8=#7d8794
|
||||
palette = 9=#b14752
|
||||
palette = 10=#556753
|
||||
palette = 11=#dc8164
|
||||
palette = 12=#4c6c94
|
||||
palette = 13=#8a5b81
|
||||
palette = 14=#3d727d
|
||||
palette = 15=#1c2d28
|
||||
@@ -0,0 +1,166 @@
|
||||
@define-color background #dfe4c4;
|
||||
@define-color foreground #1c2d28;
|
||||
@define-color black #dfe4c4;
|
||||
@define-color red #b14752;
|
||||
@define-color green #556753;
|
||||
@define-color yellow #dc8164;
|
||||
@define-color blue #4c6c94;
|
||||
@define-color magenta #8a5b81;
|
||||
@define-color cyan #3d727d;
|
||||
@define-color white #384f54;
|
||||
@define-color bright_black #7d8794;
|
||||
@define-color bright_red #b14752;
|
||||
@define-color bright_green #556753;
|
||||
@define-color bright_yellow #dc8164;
|
||||
@define-color bright_blue #4c6c94;
|
||||
@define-color bright_magenta #8a5b81;
|
||||
@define-color bright_cyan #3d727d;
|
||||
@define-color bright_white #1c2d28;
|
||||
|
||||
@define-color accent_bg_color @blue;
|
||||
@define-color accent_fg_color @background;
|
||||
@define-color accent_color @cyan;
|
||||
|
||||
@define-color window_bg_color @background;
|
||||
@define-color window_fg_color @foreground;
|
||||
|
||||
@define-color view_bg_color @black;
|
||||
@define-color view_fg_color @foreground;
|
||||
@define-color sidebar_bg_color @black;
|
||||
@define-color sidebar_fg_color @foreground;
|
||||
@define-color sidebar_backdrop_color @black;
|
||||
@define-color sidebar_shade_color @black;
|
||||
|
||||
@define-color headerbar_bg_color @background;
|
||||
@define-color headerbar_fg_color @foreground;
|
||||
@define-color headerbar_backdrop_color @black;
|
||||
@define-color headerbar_shade_color @black;
|
||||
@define-color card_bg_color @background;
|
||||
@define-color card_fg_color @foreground;
|
||||
|
||||
@define-color popover_bg_color @black;
|
||||
@define-color popover_fg_color @foreground;
|
||||
|
||||
@define-color destructive_bg_color @red;
|
||||
@define-color destructive_fg_color @background;
|
||||
|
||||
@define-color success_bg_color @green;
|
||||
@define-color success_fg_color @background;
|
||||
|
||||
@define-color warning_bg_color @yellow;
|
||||
@define-color warning_fg_color @background;
|
||||
|
||||
@define-color error_bg_color @red;
|
||||
@define-color error_fg_color @background;
|
||||
|
||||
@define-color dialog_bg_color @background;
|
||||
@define-color dialog_fg_color @foreground;
|
||||
|
||||
@define-color borders alpha(@foreground, 0.1);
|
||||
|
||||
@define-color theme_fg_color @foreground;
|
||||
@define-color theme_text_color @foreground;
|
||||
@define-color theme_bg_color @background;
|
||||
@define-color theme_base_color @black;
|
||||
@define-color theme_selected_bg_color @blue;
|
||||
@define-color theme_selected_fg_color @background;
|
||||
@define-color insensitive_bg_color @background;
|
||||
@define-color insensitive_fg_color @bright_black;
|
||||
@define-color insensitive_base_color @black;
|
||||
@define-color theme_unfocused_fg_color @foreground;
|
||||
@define-color theme_unfocused_text_color @foreground;
|
||||
@define-color theme_unfocused_bg_color @background;
|
||||
@define-color theme_unfocused_base_color @black;
|
||||
@define-color theme_unfocused_selected_bg_color @blue;
|
||||
@define-color theme_unfocused_selected_fg_color @background;
|
||||
@define-color unfocused_insensitive_color @bright_black;
|
||||
@define-color unfocused_borders alpha(@foreground, 0.1);
|
||||
@define-color warning_color @yellow;
|
||||
@define-color error_color @red;
|
||||
@define-color success_color @green;
|
||||
@define-color destructive_color @red;
|
||||
|
||||
@define-color content_view_bg @black;
|
||||
@define-color text_view_bg @black;
|
||||
|
||||
messagedialog {
|
||||
background-color: @dialog_bg_color;
|
||||
}
|
||||
|
||||
messagedialog label {
|
||||
color: @dialog_fg_color;
|
||||
font-size: 14pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
messagedialog .secondary-text {
|
||||
font-size: 10pt;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
messagedialog button {
|
||||
background-color: @black;
|
||||
color: @foreground;
|
||||
border: 1px solid @bright_black;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
messagedialog button:hover {
|
||||
background-color: @blue;
|
||||
}
|
||||
|
||||
banner revealer widget {
|
||||
background: @bright_black;
|
||||
padding: 5px;
|
||||
color: @foreground;
|
||||
}
|
||||
|
||||
alertdialog.background {
|
||||
background-color: @dialog_bg_color;
|
||||
color: @dialog_fg_color;
|
||||
}
|
||||
|
||||
alertdialog .titlebar {
|
||||
background-color: @headerbar_bg_color;
|
||||
color: @headerbar_fg_color;
|
||||
}
|
||||
|
||||
alertdialog box {
|
||||
background-color: @dialog_bg_color;
|
||||
}
|
||||
|
||||
alertdialog label {
|
||||
color: @dialog_fg_color;
|
||||
}
|
||||
|
||||
filechooser .dialog-action-box {
|
||||
border-top: 1px solid @bright_black;
|
||||
}
|
||||
|
||||
filechooser .dialog-action-box:backdrop {
|
||||
border-top-color: @black;
|
||||
}
|
||||
|
||||
filechooser #pathbarbox {
|
||||
border-bottom: 1px solid @bright_black;
|
||||
}
|
||||
|
||||
filechooserbutton:drop(active) {
|
||||
box-shadow: none;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
toast {
|
||||
background-color: @black;
|
||||
color: @foreground;
|
||||
}
|
||||
|
||||
toast button.circular.flat.image-button:hover {
|
||||
color: @background;
|
||||
background-color: @red;
|
||||
}
|
||||
|
||||
/* .svg-icon {
|
||||
filter: invert(79%) sepia(18%) saturate(611%) hue-rotate(192deg)
|
||||
brightness(103%) contrast(94%);
|
||||
} */
|
||||
@@ -0,0 +1,33 @@
|
||||
# This file is not a full hyprland configuration.
|
||||
# It is intended to be included in your main hyprland.conf.
|
||||
|
||||
general {
|
||||
col.active_border = rgba(253631ee)
|
||||
col.inactive_border = rgb(7d8794)
|
||||
gaps_in = 4
|
||||
gaps_out = 5
|
||||
border_size = 2
|
||||
}
|
||||
|
||||
group {
|
||||
col.border_active = rgba(253631ee)
|
||||
col.border_inactive = rgb(7d8794)
|
||||
|
||||
groupbar {
|
||||
col.active = rgba(25363199)
|
||||
col.inactive = rgba(7d879488)
|
||||
text_color = rgb(dc8164)
|
||||
text_color_inactive = rgba(1c2d28ee)
|
||||
}
|
||||
}
|
||||
|
||||
decoration {
|
||||
rounding = 3
|
||||
rounding_power = 3
|
||||
shadow {
|
||||
enabled = yes
|
||||
render_power = 8
|
||||
range = 16
|
||||
color = rgba(0, 0, 0, 0.3)
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,38 @@
|
||||
-- Generated by scripts/hypr2lua.
|
||||
-- Source: /home/hancore/.config/omarchy/themes/harbor/hyprland.conf
|
||||
|
||||
hl.config({
|
||||
general = {
|
||||
col = {
|
||||
active_border = "rgba(253631ee)",
|
||||
inactive_border = "rgb(7d8794)",
|
||||
},
|
||||
gaps_in = 4,
|
||||
gaps_out = 5,
|
||||
border_size = 2,
|
||||
},
|
||||
group = {
|
||||
col = {
|
||||
border_active = "rgba(253631ee)",
|
||||
border_inactive = "rgb(7d8794)",
|
||||
},
|
||||
groupbar = {
|
||||
col = {
|
||||
active = "rgba(25363199)",
|
||||
inactive = "rgba(7d879488)",
|
||||
},
|
||||
text_color = "rgb(dc8164)",
|
||||
text_color_inactive = "rgba(1c2d28ee)",
|
||||
},
|
||||
},
|
||||
decoration = {
|
||||
rounding = 3,
|
||||
rounding_power = 3,
|
||||
shadow = {
|
||||
enabled = true,
|
||||
render_power = 8,
|
||||
range = 16,
|
||||
color = "rgba(0, 0, 0, 0.3)",
|
||||
},
|
||||
},
|
||||
})
|
||||
@@ -0,0 +1,6 @@
|
||||
$color = rgba(223, 228, 196, 1)
|
||||
$inner_color = rgba(223, 228, 196, 0.66)
|
||||
$outer_color = rgba(125,135,148, 1)
|
||||
$font_color = rgba(37, 54, 49, 1)
|
||||
$placeholder_color = rgba(28, 45, 40, 0.7)
|
||||
$check_color = rgba(61, 114, 125, 1)
|
||||
@@ -0,0 +1 @@
|
||||
Yaru-sage
|
||||
@@ -0,0 +1,36 @@
|
||||
background #dfe4c4
|
||||
foreground #1c2d28
|
||||
|
||||
# black
|
||||
color0 #dfe4c4
|
||||
color8 #7d8794
|
||||
|
||||
# red
|
||||
color1 #b14752
|
||||
color9 #b14752
|
||||
|
||||
# green
|
||||
color2 #556753
|
||||
color10 #556753
|
||||
|
||||
# yellow
|
||||
color3 #dc8164
|
||||
color11 #dc8164
|
||||
|
||||
# blue
|
||||
color4 #4c6c94
|
||||
color12 #4c6c94
|
||||
|
||||
# magenta
|
||||
color5 #8a5b81
|
||||
color13 #8a5b81
|
||||
|
||||
#cyan
|
||||
color6 #3d727d
|
||||
color14 #3d727d
|
||||
|
||||
#white
|
||||
color7 #384f54
|
||||
color15 #1c2d28
|
||||
|
||||
|
||||
@@ -0,0 +1,22 @@
|
||||
text-color=#253631
|
||||
border-color=#253631
|
||||
background-color=#dfe4c4
|
||||
width=420
|
||||
height=110
|
||||
padding=10
|
||||
border-size=2
|
||||
border-radius=4
|
||||
font=Liberation Sans 11
|
||||
anchor=top-right
|
||||
outer-margin=20
|
||||
default-timeout=5000
|
||||
max-icon-size=32
|
||||
|
||||
[app-name=Spotify]
|
||||
invisible=1
|
||||
|
||||
[mode=do-not-disturb]
|
||||
invisible=true
|
||||
|
||||
[mode=do-not-disturb app-name=notify-send]
|
||||
invisible=false
|
||||
@@ -0,0 +1,88 @@
|
||||
return {
|
||||
{
|
||||
"bjarneo/aether.nvim",
|
||||
branch = "v3",
|
||||
name = "aether",
|
||||
priority = 1000,
|
||||
opts = {
|
||||
colors = {
|
||||
bg = "#dfe4c4",
|
||||
dark_bg = "#dfe4c4",
|
||||
darker_bg = "#d8d9b8", -- slightly darker for statusline, etc.
|
||||
lighter_bg = "#ecebbd",
|
||||
|
||||
fg = "#1c2d28",
|
||||
dark_fg = "#253631",
|
||||
light_fg = "#858f8b",
|
||||
bright_fg = "#acb3b1",
|
||||
muted = "#606c68",
|
||||
|
||||
-- === Stronger syntax colors for light bg ===
|
||||
red = "#9d2e3a", -- deeper red (errors, vars)
|
||||
orange = "#9d4b25", -- better orange (numbers, constants)
|
||||
yellow = "#8f5424", -- warm class/type yellow
|
||||
green = "#4a6a4a", -- deeper forest green (strings)
|
||||
cyan = "#256b7a", -- stronger cyan
|
||||
blue = "#386593", -- richer function/keyword blue
|
||||
purple = "#5a4a7a", -- deeper purple
|
||||
brown = "#835665", -- warm deprecated
|
||||
|
||||
bright_red = "#b03743",
|
||||
bright_yellow = "#955121",
|
||||
bright_green = "#466b46",
|
||||
bright_cyan = "#286b75",
|
||||
bright_blue = "#3c6499",
|
||||
bright_purple = "#695998",
|
||||
|
||||
accent = "#3a6a9a",
|
||||
cursor = "#1c2d28",
|
||||
foreground = "#1c2d28",
|
||||
background = "#dfe4c4",
|
||||
selection = "#c8d4a8", -- soft selection bg
|
||||
selection_foreground = "#1c2d28",
|
||||
selection_background = "#5e81ac",
|
||||
},
|
||||
on_highlights = function(hl, c)
|
||||
-- If it's "too dark", use a lighter grey like #2a2a2a
|
||||
hl.CursorLine = { bg = "#ecebbd" }
|
||||
hl.CursorLineNr = { fg = c.orange, bold = true }
|
||||
-- clean, solid word-occurrence + selection highlights (no muddy computed bg)
|
||||
hl.Visual = { bg = "#c8d4a8" }
|
||||
hl.LspReferenceText = { bg = "#d3d9b0" }
|
||||
hl.LspReferenceRead = { bg = "#d3d9b0" }
|
||||
hl.LspReferenceWrite = { bg = "#d3d9b0" }
|
||||
hl.IlluminatedWordText = { bg = "#d3d9b0" }
|
||||
hl.IlluminatedWordRead = { bg = "#d3d9b0" }
|
||||
hl.IlluminatedWordWrite = { bg = "#d3d9b0" }
|
||||
hl.MatchParen = { bg = "#c8d4a8", bold = true }
|
||||
-- brackets/parens/braces: lift from aether's muted tone to a saturated warm tone
|
||||
hl["@punctuation.bracket"] = { fg = "#8f5424" }
|
||||
hl["@punctuation.special"] = { fg = "#8f5424" }
|
||||
-- keywords: aether renders these lilac internally -> force to palette.
|
||||
-- general keywords -> blue; exceptions (try/except/raise) -> purple slot
|
||||
local kw_blue = { fg = "#386593" }
|
||||
for _, g in ipairs({
|
||||
"Keyword", "Conditional", "Repeat", "Statement", "Include", "StorageClass",
|
||||
"@keyword", "@keyword.function", "@keyword.operator", "@keyword.return",
|
||||
"@keyword.conditional", "@keyword.repeat", "@keyword.import",
|
||||
"@keyword.coroutine", "@conditional", "@repeat", "@include",
|
||||
}) do
|
||||
hl[g] = kw_blue
|
||||
end
|
||||
local kw_exc = { fg = "#5a4a7a" }
|
||||
for _, g in ipairs({ "Exception", "@keyword.exception", "@exception" }) do
|
||||
hl[g] = kw_exc
|
||||
end
|
||||
end,
|
||||
},
|
||||
config = function(_, opts)
|
||||
require("aether").setup(opts)
|
||||
vim.cmd.colorscheme("aether")
|
||||
require("aether.hotreload").setup()
|
||||
end,
|
||||
},
|
||||
{
|
||||
"LazyVim/LazyVim",
|
||||
opts = { colorscheme = "aether" },
|
||||
},
|
||||
}
|
||||
@@ -0,0 +1,148 @@
|
||||
# Omarchy Quattro surfaces for Harbor.
|
||||
# The light maritime palette carries the existing Waybar, Walker, Mako,
|
||||
# SwayOSD, and Hyprlock roles into the Quattro shell.
|
||||
|
||||
[bar]
|
||||
background = "#DFE4C4"
|
||||
background-alpha = 1.0
|
||||
text = "#1C2D28"
|
||||
active = "#B14752"
|
||||
scale-with-font = true
|
||||
size-horizontal = 26
|
||||
size-vertical = 28
|
||||
|
||||
[hyprland]
|
||||
active-border = "#253631"
|
||||
active-border-foreground = "#253631"
|
||||
|
||||
[controls]
|
||||
normal-color = "#1C2D28"
|
||||
normal-fill-alpha = 0.04
|
||||
normal-border-width = 1
|
||||
normal-border-alpha = 0.36
|
||||
|
||||
hover-cursor-color = "#5E81AC"
|
||||
hover-cursor-fill-alpha = 0.12
|
||||
hover-cursor-border-width = 1
|
||||
hover-cursor-border-alpha = 0.52
|
||||
|
||||
focus-color = "#8A5B81"
|
||||
focus-fill-alpha = 0.12
|
||||
focus-border-width = 1
|
||||
focus-border-alpha = 0.74
|
||||
|
||||
selected-color = "#556753"
|
||||
selected-fill-alpha = 0.20
|
||||
selected-border-width = 1
|
||||
selected-border-alpha = 0.58
|
||||
|
||||
pressed-color = "#DC8164"
|
||||
pressed-fill-alpha = 0.24
|
||||
selection-color = "#5E81AC"
|
||||
selection-fill-alpha = 0.30
|
||||
|
||||
[spacing]
|
||||
scale = 1.0
|
||||
scale-with-font = true
|
||||
xs = 2
|
||||
md = 4
|
||||
control-padding-y = 5
|
||||
panel-padding = 10
|
||||
|
||||
[font]
|
||||
base-size = 12
|
||||
heading = 16
|
||||
icon-large = 18
|
||||
|
||||
[popups]
|
||||
background = "#DFE4C4"
|
||||
background-alpha = 1.0
|
||||
text = "#5E81AC"
|
||||
border = "hyprland.active-border"
|
||||
border-alpha = 1.0
|
||||
border-width = 2
|
||||
|
||||
[tooltip]
|
||||
background = "#DFE4C4"
|
||||
background-alpha = 0.98
|
||||
text = "#1C2D28"
|
||||
border = "#7D8794"
|
||||
border-alpha = 1.0
|
||||
border-width = 1
|
||||
|
||||
[notifications]
|
||||
background = "#DFE4C4"
|
||||
background-alpha = 1.0
|
||||
text = "#253631"
|
||||
border = "hyprland.active-border"
|
||||
border-alpha = 1.0
|
||||
border-width = 2
|
||||
countdown = "#5E81AC"
|
||||
|
||||
[launcher]
|
||||
background = "#DFE4C4"
|
||||
background-alpha = 0.98
|
||||
text = "#1C2D28"
|
||||
border = "hyprland.active-border"
|
||||
border-alpha = 1.0
|
||||
border-width = 2
|
||||
scrim = "#DFE4C4"
|
||||
scrim-alpha = 0.0
|
||||
selected-background = "#556753"
|
||||
selected-background-alpha = 0.15
|
||||
selected-text = "#384F54"
|
||||
selected-border = "#253631"
|
||||
selected-border-alpha = 0.40
|
||||
selected-border-width = 2
|
||||
|
||||
[menu]
|
||||
background = "#DFE4C4"
|
||||
background-alpha = 0.98
|
||||
text = "#1C2D28"
|
||||
border = "hyprland.active-border"
|
||||
border-alpha = 1.0
|
||||
border-width = 2
|
||||
scrim = "#DFE4C4"
|
||||
scrim-alpha = 0.0
|
||||
selected-background = "#556753"
|
||||
selected-background-alpha = 0.15
|
||||
selected-text = "#384F54"
|
||||
selected-border = "#253631"
|
||||
selected-border-alpha = 0.40
|
||||
selected-border-width = 2
|
||||
|
||||
[polkit]
|
||||
background = "#DFE4C4"
|
||||
background-alpha = 1.0
|
||||
text = "#253631"
|
||||
text-error = "#B14752"
|
||||
border = "hyprland.active-border"
|
||||
border-error = "#B14752"
|
||||
border-alpha = 1.0
|
||||
border-width = 2
|
||||
scrim = "#1C2D28"
|
||||
scrim-alpha = 0.42
|
||||
accent = "#3D727D"
|
||||
|
||||
[lock]
|
||||
background = "#DFE4C4"
|
||||
background-alpha = 0.86
|
||||
text = "#253631"
|
||||
placeholder = "#1C2D28B3"
|
||||
text-error = "#B14752"
|
||||
border = "hyprland.active-border"
|
||||
border-active = "hyprland.active-border"
|
||||
border-error = "#B14752"
|
||||
border-alpha = 1.0
|
||||
border-width = 2
|
||||
selection = "#5E81AC"
|
||||
selection-alpha = 0.40
|
||||
|
||||
[image-picker]
|
||||
scrim = "#DFE4C4"
|
||||
scrim-alpha = 0.38
|
||||
text = "#1C2D28"
|
||||
selected-border = "#5E81AC"
|
||||
selected-border-alpha = 1.0
|
||||
unselected-border = "#253631"
|
||||
unselected-border-alpha = 0.34
|
||||
@@ -0,0 +1,79 @@
|
||||
:root {
|
||||
/* The main accent color and the matching text value */
|
||||
--adw-accent-bg-rgb: 76, 108, 148 !important;
|
||||
--adw-accent-fg-rgb: 223, 228, 196 !important;
|
||||
--adw-accent-rgb: 76, 108, 148 !important;
|
||||
|
||||
/* destructive-action buttons */
|
||||
--adw-destructive-bg-rgb: 177, 71, 82 !important;
|
||||
--adw-destructive-fg-rgb: 28, 45, 40 !important;
|
||||
--adw-destructive-rgb: 177, 71, 82 !important;
|
||||
|
||||
/* Levelbars, entries, labels and infobars. These don't need text colors */
|
||||
--adw-success-bg-rgb: 85, 103, 83 !important;
|
||||
--adw-success-fg-rgb: 223, 228, 196 !important;
|
||||
--adw-success-rgb: 85, 103, 83 !important;
|
||||
|
||||
--adw-warning-bg-rgb: 220, 129, 100 !important;
|
||||
--adw-warning-fg-rgb: 223, 228, 196 !important;
|
||||
--adw-warning-fg-a: 0.8 !important;
|
||||
--adw-warning-rgb: 220, 129, 100 !important;
|
||||
|
||||
--adw-error-bg-rgb: 177, 71, 82 !important;
|
||||
--adw-error-fg-rgb: 223, 228, 196 !important;
|
||||
--adw-error-rgb: 177, 71, 82 !important;
|
||||
|
||||
/* Window */
|
||||
--adw-window-bg-rgb: 223, 228, 196 !important;
|
||||
--adw-window-fg-rgb: 28, 45, 40 !important;
|
||||
|
||||
/* Views - e.g. text view or tree view */
|
||||
--adw-view-bg-rgb: 223, 228, 196 !important;
|
||||
--adw-view-fg-rgb: 28, 45, 40 !important;
|
||||
|
||||
/* Header bar, search bar, tab bar */
|
||||
--adw-headerbar-bg-rgb: 223, 228, 196 !important;
|
||||
--adw-headerbar-fg-rgb: 28, 45, 40 !important;
|
||||
--adw-headerbar-border-rgb: 125, 135, 148 !important;
|
||||
--adw-headerbar-backdrop-rgb: 223, 228, 196 !important;
|
||||
--adw-headerbar-shade-rgb: 0, 0, 0 !important;
|
||||
--adw-headerbar-shade-a: 0.36 !important;
|
||||
--adw-headerbar-darker-shade-rgb: 0, 0, 0 !important;
|
||||
--adw-headerbar-darker-shade-a: 0.9 !important;
|
||||
|
||||
/* Split pane views */
|
||||
--adw-sidebar-bg-rgb: 223, 228, 196 !important;
|
||||
--adw-sidebar-fg-rgb: 28, 45, 40 !important;
|
||||
--adw-sidebar-backdrop-rgb: 125, 135, 148 !important;
|
||||
--adw-sidebar-shade-rgb: 0, 0, 0 !important;
|
||||
--adw-sidebar-shade-a: 0.36 !important;
|
||||
--adw-secondary-sidebar-bg-rgb: 223, 228, 196 !important;
|
||||
--adw-secondary-sidebar-fg-rgb: 28, 45, 40 !important;
|
||||
--adw-secondary-sidebar-backdrop-rgb: 125, 135, 148 !important;
|
||||
--adw-secondary-sidebar-shade-rgb: 0, 0, 0 !important;
|
||||
--adw-secondary-sidebar-shade-a: 0.36 !important;
|
||||
|
||||
/* Cards, boxed lists */
|
||||
--adw-card-bg-rgb: 255, 255, 255 !important;
|
||||
--adw-card-bg-a: 0.08 !important;
|
||||
--adw-card-fg-rgb: 255, 255, 255 !important;
|
||||
--adw-card-shade-rgb: 0, 0, 0 !important;
|
||||
--adw-card-shade-a: 0.36 !important;
|
||||
|
||||
/* Dialogs */
|
||||
--adw-dialog-bg-rgb: 223, 228, 196 !important;
|
||||
--adw-dialog-fg-rgb: 28, 45, 40 !important;
|
||||
|
||||
/* Popovers */
|
||||
--adw-popover-bg-rgb: 223, 228, 196 !important;
|
||||
--adw-popover-fg-rgb: 28, 45, 40 !important;
|
||||
--adw-popover-shade-rgb: 0, 0, 0 !important;
|
||||
--adw-popover-shade-a: 0.36 !important;
|
||||
|
||||
/* Thumbnails */
|
||||
--adw-thumbnail-bg-rgb: 223, 228, 196 !important;
|
||||
|
||||
/* Miscellaneous */
|
||||
--adw-shade-rgb: 0, 0, 0 !important;
|
||||
--adw-shade-a: 0.36 !important;
|
||||
}
|
||||
@@ -0,0 +1,51 @@
|
||||
|
||||
# ========= Border =========
|
||||
file_panel_border = '#384f54'
|
||||
sidebar_border = '#384f54'
|
||||
footer_border = '#384f54'
|
||||
|
||||
# ========= Border Active =========
|
||||
file_panel_border_active = '#5e81ac'
|
||||
sidebar_border_active = '#5e81ac'
|
||||
footer_border_active = '#5e81ac'
|
||||
modal_border_active = '#5e81ac'
|
||||
|
||||
# ========= Background (bg) =========
|
||||
full_screen_bg = '#dfe4c4'
|
||||
file_panel_bg = '#dfe4c4'
|
||||
sidebar_bg = '#dfe4c4'
|
||||
footer_bg = '#dfe4c4'
|
||||
modal_bg = '#dfe4c4'
|
||||
|
||||
# ========= Foreground (fg) =========
|
||||
full_screen_fg = '#1c2d28'
|
||||
file_panel_fg = '#1c2d28'
|
||||
sidebar_fg = '#1c2d28'
|
||||
footer_fg = '#1c2d28'
|
||||
modal_fg = '#1c2d28'
|
||||
|
||||
# ========= Special Color =========
|
||||
cursor = '#1c2d28'
|
||||
correct = '#556753'
|
||||
error = '#b14752'
|
||||
hint = '#3d727d'
|
||||
cancel = '#b14752'
|
||||
gradient_color = ['#dfe4c4', "#7d8794"]
|
||||
|
||||
# ========= File Panel Special Items =========
|
||||
file_panel_top_directory_icon = '#dfe4c4'
|
||||
file_panel_top_path = '#7d8794'
|
||||
file_panel_item_selected_fg = '#7d8794'
|
||||
file_panel_item_selected_bg = '#dfe4c4'
|
||||
|
||||
# ========= Sidebar Special Items =========
|
||||
sidebar_title = '#1c2d28'
|
||||
sidebar_item_selected_fg = '#7d8794'
|
||||
sidebar_item_selected_bg = '#dfe4c4'
|
||||
sidebar_divider = '#384f54'
|
||||
|
||||
# ========= Modal Special Items =========
|
||||
modal_cancel_fg = "#383838"
|
||||
modal_cancel_bg = '#b14752'
|
||||
modal_confirm_fg = "#383838"
|
||||
modal_confirm_bg = '#556753'
|
||||
@@ -0,0 +1,41 @@
|
||||
@define-color base #dfe4c4;
|
||||
@define-color text #1c2d28;
|
||||
@define-color border #7d8794;
|
||||
@define-color image #5e81ac;
|
||||
@define-color label #5e81ac;
|
||||
@define-color progress #8a5b81;
|
||||
|
||||
|
||||
/* Cancel out Omarchy settings */
|
||||
window:not(:backdrop),
|
||||
window:backdrop {
|
||||
border: none;
|
||||
border-width: 0;
|
||||
border-radius: 6px;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
|
||||
/* Draw a new background (solid — like moodpeak, no blur) */
|
||||
window:not(:backdrop) #container,
|
||||
window:backdrop #container {
|
||||
border: 2px solid @border;
|
||||
border-radius: 6px;
|
||||
background-color: @base;
|
||||
padding: 12px;
|
||||
background-clip: padding-box;
|
||||
box-shadow: 2px 2px 9px 0px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
/* Volume / brightness bar: subtle track + accent edge */
|
||||
progressbar trough {
|
||||
background-color: rgba(125, 135, 148, 0.6);
|
||||
border: 1px solid rgba(94, 129, 172, 0.22);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
progress {
|
||||
border-radius: 3px;
|
||||
}
|
||||
@@ -0,0 +1,663 @@
|
||||
/**
|
||||
* @name base16 Discord
|
||||
* @author @bypass_
|
||||
* @version 0.1.0
|
||||
* @description Built using Aether and Pywal
|
||||
* @source https://github.com/imbypass/base16-Discord
|
||||
**/
|
||||
|
||||
:root {
|
||||
--color00: #dfe4c4;
|
||||
--color01: #dfe4c4;
|
||||
--color02: #dfe4c4;
|
||||
--color03: #dc8164;
|
||||
--color04: #476489;
|
||||
--color05: #384f54;
|
||||
--color06: #316a7b;
|
||||
--color07: #dc8164;
|
||||
--color08: #a4424c;
|
||||
--color09: #dc8164;
|
||||
--color10: #dc8164;
|
||||
--color11: #556753;
|
||||
--color12: #316a7b;
|
||||
--color13: #476489;
|
||||
--color14: #7f5578;
|
||||
--color15: #1c2d28;
|
||||
--base00: var(--color00);
|
||||
--base01: var(--color01);
|
||||
--base02: var(--color02);
|
||||
--base03: var(--color03);
|
||||
--base04: var(--color04);
|
||||
--base05: var(--color05);
|
||||
--base06: var(--color06);
|
||||
--base07: var(--color07);
|
||||
--base08: var(--color08);
|
||||
--base09: var(--color09);
|
||||
--base0A: var(--color10);
|
||||
--base0B: var(--color11);
|
||||
--base0C: var(--color12);
|
||||
--base0D: var(--color13);
|
||||
--base0E: var(--color14);
|
||||
--base0F: var(--color15);
|
||||
}
|
||||
|
||||
.theme-light,
|
||||
.theme-dark,
|
||||
.theme-darker,
|
||||
.theme-midnight,
|
||||
.visual-refresh {
|
||||
--activity-card-background: var(--base01) !important;
|
||||
--background-accent: var(--base03) !important;
|
||||
--background-floating: var(--base02) !important;
|
||||
--background-mentioned-hover: color-mix(in srgb, var(--base0B) 35%, var(--base01)) !important;
|
||||
--background-mentioned: color-mix(in srgb, var(--base0B) 25%, var(--base01)) !important;
|
||||
--background-message-highlight: var(--base02) !important;
|
||||
--background-message-hover: var(--base02) !important;
|
||||
--background-mod-strong: var(--base02) !important;
|
||||
--background-modifier-accent: var(--base02) !important;
|
||||
--background-modifier-active: var(--base02) !important;
|
||||
--background-modifier-hover: var(--base01) !important;
|
||||
--background-modifier-selected: var(--base01) !important;
|
||||
--background-primary: var(--base01) !important;
|
||||
--background-secondary-alt: var(--base01) !important;
|
||||
--background-secondary: var(--base00) !important;
|
||||
--background-surface-highest: var(--base02) !important;
|
||||
--background-surface-higher: var(--base02) !important;
|
||||
--background-surface-high: var(--base02) !important;
|
||||
--background-tertiary: var(--base00) !important;
|
||||
--background-base-low: var(--base01) !important;
|
||||
--background-base-lower: var(--base00) !important;
|
||||
--background-base-lowest: var(--base00) !important;
|
||||
--background-base-tertiary: var(--base00) !important;
|
||||
--background-code: var(--base02) !important;
|
||||
--background-mod-subtle: var(--base01) !important;
|
||||
--bg-base-secondary: var(--base00) !important;
|
||||
--bg-base-tertiary: var(--base00) !important;
|
||||
--bg-brand: var(--base0B) !important;
|
||||
--bg-mod-faint: var(--base01) !important;
|
||||
--bg-overlay-2: var(--base01) !important;
|
||||
--bg-overlay-3: var(--base01) !important;
|
||||
--bg-overlay-color-inverse: var(--base03) !important;
|
||||
--bg-surface-raised: var(--base02) !important;
|
||||
--bg-surface-overlay: var(--base00) !important;
|
||||
--black: var(--base00) !important;
|
||||
--blurple-50: var(--base03) !important;
|
||||
--border-faint: var(--base02) !important;
|
||||
--border-subtle: var(--border-faint) !important;
|
||||
--brand-05a: var(--base01) !important;
|
||||
--brand-10a: var(--base01) !important;
|
||||
--brand-15a: var(--base01) !important;
|
||||
--brand-260: var(--base0B) !important;
|
||||
--brand-360: var(--base0B) !important;
|
||||
--brand-500: var(--base0B) !important;
|
||||
--brand-560: var(--base01) !important;
|
||||
--button-danger-background: var(--base08) !important;
|
||||
--button-danger-background-disabled: var(--base03) !important;
|
||||
--button-filled-brand-background: var(--base0B) !important;
|
||||
--button-filled-brand-background-hover: var(--base08) !important;
|
||||
--button-filled-brand-text: var(--base0F) !important;
|
||||
--button-filled-brand-text-hover: var(--base05) !important;
|
||||
--button-outline-positive-border: var(--base0B) !important;
|
||||
--button-outline-danger-background-hover: var(--base08) !important;
|
||||
--button-outline-danger-border-hover: var(--base08) !important;
|
||||
--button-positive-background: var(--base0B) !important;
|
||||
--button-positive-background-disabled: var(--base03) !important;
|
||||
--button-positive-background-hover: var(--base03) !important;
|
||||
--button-secondary-background: color-mix(in srgb, var(--base04) 14%, var(--base00)) !important;
|
||||
--button-secondary-background-disabled: var(--base03) !important;
|
||||
--button-secondary-background-hover: var(--base03) !important;
|
||||
--button-secondary-text: var(--base05) !important;
|
||||
--card-primary-bg: var(--base02) !important;
|
||||
--card-background-default: var(--base02) !important;
|
||||
--channel-icon: var(--base0B) !important;
|
||||
--channels-default: var(--base05) !important;
|
||||
--channel-text-area-placeholder: var(--base03) !important;
|
||||
--channeltextarea-background: var(--base01) !important;
|
||||
--chat-background-default: var(--base01) !important;
|
||||
--chat-text-muted: var(--base03) !important;
|
||||
--checkbox-background-checked: var(--base0D) !important;
|
||||
--checkbox-border-checked: var(--base0D) !important;
|
||||
--checkbox-background-default: var(--base02) !important;
|
||||
--checkbox-border-default: var(--base03) !important;
|
||||
--control-brand-foreground-new: var(--base0D) !important;
|
||||
--control-brand-foreground: var(--base04) !important;
|
||||
--control-text-primary-default: var(--base00) !important;
|
||||
--control-background-primary-default: var(--color05) !important;
|
||||
--custom-notice-text: var(--base01) !important;
|
||||
--custom-poll-style-vote-percentage: var(--base04) !important;
|
||||
--deprecated-text-input-bg: var(--base01) !important;
|
||||
--deprecated-text-input-border: var(--base02) !important;
|
||||
/*--font-display: var(--font, "gg sans") !important;
|
||||
--font-headline: var(--font, "gg sans") !important;
|
||||
--font-primary: var(--font, "gg sans") !important;*/
|
||||
--green-330: var(--base0B) !important;
|
||||
--green-360: var(--base0B) !important;
|
||||
--green-300: var(--base0B) !important;
|
||||
--header-primary: var(--base0B) !important;
|
||||
--header-secondary: var(--base0B) !important;
|
||||
--home-background: var(--base00) !important;
|
||||
--info-warning-foreground: var(--base0A) !important;
|
||||
--input-background: var(--base02) !important;
|
||||
--input-border: var(--base03) !important;
|
||||
--input-placeholder-text: var(--base03) !important;
|
||||
--interactive-active: var(--base0F) !important;
|
||||
--interactive-hover: var(--base0F) !important;
|
||||
--interactive-muted: var(--base03) !important;
|
||||
--interactive-normal: var(--base05) !important;
|
||||
--mention-background: color-mix(in srgb, var(--base0B) 30%, var(--base01)) !important;
|
||||
--mention-foreground: var(--base05) !important;
|
||||
--menu-item-danger-active-bg: var(--base08) !important;
|
||||
--menu-item-danger-hover-bg: var(--base08) !important;
|
||||
--menu-item-default-hover-bg: var(--base03) !important;
|
||||
--message-reacted-background: color-mix(in srgb, var(--base0D) 20%, var(--base00)) !important;
|
||||
--message-reacted-text: var(--base0F) !important;
|
||||
--modal-background: var(--base01) !important;
|
||||
--modal-footer-background: var(--base00) !important;
|
||||
--notice-background-positive: var(--base0B) !important;
|
||||
--notice-text-positive: var(--base01) !important;
|
||||
--notice-background-warning: var(--base0A) !important;
|
||||
--notice-text-warning: var(--base01) !important;
|
||||
--notice-background-negative: var(--base08) !important;
|
||||
--notice-text-negative: var(--base01) !important;
|
||||
--opacity-blurple-24: var(--base02) !important;
|
||||
--plum-23: var(--base02) !important;
|
||||
--polls-victor-fill: var(--base0B) !important;
|
||||
--profile-gradient-button-color: var(--base02) !important;
|
||||
--primary-130: var(--base05) !important;
|
||||
--primary-300: var(--base05) !important;
|
||||
--primary-500: var(--base02) !important;
|
||||
--primary-600: var(--base00) !important;
|
||||
--primary-630: var(--base01) !important;
|
||||
--primary-660: var(--base00) !important;
|
||||
--primary-700: var(--base01) !important;
|
||||
--primary-800: var(--base00) !important;
|
||||
--red-400: var(--base08) !important;
|
||||
--red-460: var(--base08) !important;
|
||||
--red-500: var(--base08) !important;
|
||||
--red-630: var(--base08) !important;
|
||||
--red: var(--base08) !important;
|
||||
--red-new-22: var(--base08) !important;
|
||||
--redesign-input-control-selected: var(--base0B) !important;
|
||||
--scrollbar-auto-thumb: var(--base07) !important;
|
||||
--scrollbar-auto-track: transparent;
|
||||
--scrollbar-thin-thumb: var(--base07) !important;
|
||||
--scrollbar-thin-track: transparent;
|
||||
--search-popout-option-fade: none;
|
||||
--search-popout-option-non-text-color: var(--base07) !important;
|
||||
--status-danger-background: var(--base08) !important;
|
||||
--status-danger: var(--base08) !important;
|
||||
--status-negative: var(--base08) !important;
|
||||
--status-positive-background: var(--base0B) !important;
|
||||
--status-positive-text: var(--base0B) !important;
|
||||
--status-positive: var(--base0B) !important;
|
||||
--status-success: var(--base0B) !important;
|
||||
--status-warning-background: var(--base03) !important;
|
||||
--status-warning: var(--base09) !important;
|
||||
--teal-430: var(--base0C) !important;
|
||||
--text-brand: var(--base0D) !important;
|
||||
--text-default: var(--base05) !important;
|
||||
--text-feedback-positive: var(--base0B) !important;
|
||||
--text-feedback-negative: var(--base08) !important;
|
||||
--text-feedback-warning: var(--base09) !important;
|
||||
--text-feedback-success: var(--base0B) !important;
|
||||
--text-link: var(--base0D) !important;
|
||||
--text-muted: var(--base03) !important;
|
||||
--text-negative: var(--base08) !important;
|
||||
--text-normal: var(--base05) !important;
|
||||
--text-positive: var(--base0B) !important;
|
||||
--text-primary: var(--base05) !important;
|
||||
--text-secondary: var(--base04) !important;
|
||||
--text-tertiary: var(--base03) !important;
|
||||
--text-warning: var(--base09) !important;
|
||||
--textbox-markdown-syntax: var(--base05) !important;
|
||||
--theme-base-color: var(--base00) !important;
|
||||
--user-profile-overlay-background: var(--base01) !important;
|
||||
--white-100: var(--base05) !important;
|
||||
--white-200: var(--base05) !important;
|
||||
--white-500: var(--base05) !important;
|
||||
--white: var(--color05) !important;
|
||||
--yellow-360: var(--base0A) !important;
|
||||
--yellow-300: var(--base0A) !important;
|
||||
--__lottieIconColor: var(--base03) !important;
|
||||
--card-background-default: var(--base02) !important;
|
||||
--redesign-button-secondary-background: var(--base03) !important;
|
||||
}
|
||||
|
||||
/*--- Default Color Swap ---*/
|
||||
path[fill^="currentColor"],
|
||||
svg[fill^="currentColor"],
|
||||
rect[fill^="currentColor"] {
|
||||
fill: var(--color07) !important;
|
||||
}
|
||||
|
||||
/*--- Channel Icon Recolor ---*/
|
||||
a[data-list-item-id^="channels___"] svg,
|
||||
a[data-list-item-id^="channels___"] svg path {
|
||||
fill: var(--channel-icon) !important;
|
||||
}
|
||||
|
||||
/*--- Unread Bar + Badges ---*/
|
||||
div[class*="unreadBar"],
|
||||
span[class*="unreadBar"],
|
||||
div[class*="unreadPill"] {
|
||||
background-color: var(--base0B) !important;
|
||||
color: var(--base00) !important;
|
||||
}
|
||||
div[class*="numberBadge"],
|
||||
span[class*="numberBadge"],
|
||||
div[class*="textBadge"],
|
||||
span[class*="textBadge"] {
|
||||
background-color: var(--base08) !important;
|
||||
color: var(--base00) !important;
|
||||
}
|
||||
|
||||
/*--- Selected Text Recolor ---*/
|
||||
::selection {
|
||||
color: var(--base00);
|
||||
background: var(--base03);
|
||||
}
|
||||
|
||||
/*--- Mention Interactive Hover Color ---*/
|
||||
.mention.interactive:hover {
|
||||
background-color: var(--base04) !important;
|
||||
}
|
||||
|
||||
/*--- Followed Posts Tree/Spine Icon ---*/
|
||||
svg._5b40bdd67543ba35-spine._5b40bdd67543ba35-invertedSpine,
|
||||
svg._5b40bdd67543ba35-spine._5b40bdd67543ba35-invertedSpine path {
|
||||
fill: var(--base0A) !important;
|
||||
color: var(--base0A) !important;
|
||||
}
|
||||
#channels > ul > li > ul > li > svg._5b40bdd67543ba35-spine._5b40bdd67543ba35-invertedSpine > path:nth-child(1) {
|
||||
fill: var(--base0A) !important;
|
||||
}
|
||||
#channels > ul > li > ul > li > svg._5b40bdd67543ba35-spine._5b40bdd67543ba35-invertedSpine > path:nth-child(1),
|
||||
#channels > ul > li > ul > li > svg:nth-child(1),
|
||||
#channels > ul > li > ul > li > svg:nth-child(1) > path:nth-child(1) {
|
||||
fill: var(--base0A) !important;
|
||||
color: var(--base0A) !important;
|
||||
}
|
||||
#channels > ul > li > ul > div {
|
||||
background-color: var(--base0A) !important;
|
||||
color: var(--base0A) !important;
|
||||
border-color: var(--base0A) !important;
|
||||
}
|
||||
|
||||
/*--- Followed Posts Header Link ---*/
|
||||
div._5e434347c823b592-page div._9a337c84ff86a914-header span a span span span {
|
||||
color: var(--base0B) !important;
|
||||
}
|
||||
|
||||
/*--- Followed Posts Header Title ---*/
|
||||
div._5e434347c823b592-page div._9a337c84ff86a914-header h3 span {
|
||||
color: var(--base0A) !important;
|
||||
}
|
||||
|
||||
/*--- Followed Posts Subtitle H2 ---*/
|
||||
div._5e434347c823b592-page div.f75fb00fb7356cbe-subtitleContainer h2 {
|
||||
color: var(--base0B) !important;
|
||||
}
|
||||
|
||||
/*--- Followed Posts Title H1 ---*/
|
||||
div._5e434347c823b592-page div._9293f6b2fc12398a-titleWrapper h1 {
|
||||
color: var(--base0B) !important;
|
||||
}
|
||||
li._5b40bdd67543ba35-container svg,
|
||||
li._5b40bdd67543ba35-container svg path {
|
||||
fill: var(--base0A) !important;
|
||||
color: var(--base0A) !important;
|
||||
}
|
||||
|
||||
/*--- Mention Highlight + Gradient Recolor ---*/
|
||||
div[class*="mentioned"],
|
||||
li[class*="mentioned"] {
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
color-mix(in srgb, var(--base0A) 35%, var(--base01)) 0%,
|
||||
var(--base01) 75%
|
||||
) !important;
|
||||
}
|
||||
div[class*="mentioned"]:hover,
|
||||
li[class*="mentioned"]:hover {
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
color-mix(in srgb, var(--base0A) 45%, var(--base01)) 0%,
|
||||
var(--base01) 75%
|
||||
) !important;
|
||||
}
|
||||
div[class*="mentioned"]::before,
|
||||
li[class*="mentioned"]::before {
|
||||
background: var(--base0B) !important;
|
||||
}
|
||||
|
||||
/*--- Default Folder Color Recolor ---*/
|
||||
.default__459fb {
|
||||
background-color: var(--base07) !important;
|
||||
}
|
||||
|
||||
/*--- Discord Icon (Top Right) Recolor ---*/
|
||||
.childWrapper__6e9f8 {
|
||||
background-color: var(--base02) !important;
|
||||
}
|
||||
|
||||
/*--- Close Icon Path Recolor ---*/
|
||||
svg[class^="closeIcon__"] path {
|
||||
fill: var(--base04) !important;
|
||||
}
|
||||
|
||||
/*--- Listen Along Invite Recolor ---*/
|
||||
.invite__4d3fa {
|
||||
background: var(--base01) !important;
|
||||
border-color: var(--base0A) !important;
|
||||
}
|
||||
|
||||
/*--- Activity Card Background Recolor ---*/
|
||||
.card__73069 {
|
||||
background-color: var(--base01);
|
||||
}
|
||||
|
||||
div[class^="bar__"] {
|
||||
background-color: var(--base01) !important;
|
||||
border-color: var(--base0A) !important;
|
||||
}
|
||||
/*--- Voice Bar Text Recolor ---*/
|
||||
.barText__7aaec {
|
||||
color: var(--base0B) !important;
|
||||
}
|
||||
.unreadIcon__7aaec {
|
||||
color: var(--base0B) !important;
|
||||
}
|
||||
|
||||
/*--- New Messages Indicator Text Recolor ---*/
|
||||
.unreadPull__908e2 {
|
||||
color: var(--base02) !important;
|
||||
}
|
||||
|
||||
/*--- Mentions Bar Text Recolor ---*/
|
||||
.mentionsBar__7aaec .barText__7aaec {
|
||||
color: var(--base05) !important;
|
||||
}
|
||||
|
||||
/*--- Forum Background Recolor ---*/
|
||||
.container_f369db {
|
||||
background-color: var(--bg-overlay-2);
|
||||
}
|
||||
|
||||
/*--- Sidebar Icon Recolor ---*/
|
||||
.circleIconButton__5bc7e {
|
||||
color: var(--base04);
|
||||
}
|
||||
|
||||
/*--- Summaries Tag Icon Recolor ---*/
|
||||
.summariesBetaTag_cf58b5 {
|
||||
color: var(--base03);
|
||||
}
|
||||
|
||||
/*--- Folder Icon Recolor ---*/
|
||||
div.folderIconWrapper__48112 {
|
||||
background-color: var(--base01) !important;
|
||||
}
|
||||
|
||||
/*--- Unread Message Badge Text Color ---*/
|
||||
.numberBadge__2b1f5,
|
||||
.textBadge__2b1f5 {
|
||||
color: var(--base02) !important;
|
||||
}
|
||||
|
||||
/*--- Typing Indicator Recolor ---*/
|
||||
.dots__5ad89 {
|
||||
color: var(--base02) !important;
|
||||
}
|
||||
|
||||
/*--- Other Voice Channel Background Recolor ---*/
|
||||
.iconBadge__650eb {
|
||||
background-color: var(--base03);
|
||||
}
|
||||
|
||||
/*--- Server Booster Icon Recolor ---*/
|
||||
.premiumIcon__5d473 {
|
||||
color: var(--base0F);
|
||||
}
|
||||
|
||||
/*--- Server Boost Progress Bar Recolor ---*/
|
||||
.progress__0d0f9 {
|
||||
background: var(--base0F) !important;
|
||||
}
|
||||
|
||||
/*--- Call Container Recolor ---*/
|
||||
.callContainer_cb9592 {
|
||||
background-color: var(--base00);
|
||||
}
|
||||
.gradientContainer_bfe55a {
|
||||
background-image: var(--base00);
|
||||
}
|
||||
|
||||
/*--- Store Gradient Recolors ---*/
|
||||
.gradient_e9ef78 {
|
||||
background: var(--base01) !important;
|
||||
}
|
||||
.bannerGradient__955a3 {
|
||||
background: var(--base00) !important;
|
||||
}
|
||||
|
||||
/*--- New Messages Summary Bar Recolor -J--*/
|
||||
.newMessagesBar__0f481 {
|
||||
background-color: var(--base03);
|
||||
|
||||
button.barButtonAlt__0f481 {
|
||||
background-color: var(--base02) !important;
|
||||
}
|
||||
}
|
||||
|
||||
/*--- Unread Messages Indicator Recolor ---*/
|
||||
.unreadPill__908e2 {
|
||||
color: var(--base01);
|
||||
}
|
||||
|
||||
/*--- Number Badge Recolor ---*/
|
||||
div[class*="numberBadge"] {
|
||||
color: var(--base00) !important;
|
||||
}
|
||||
|
||||
/*--- Button Text Recolor ---*/
|
||||
.lookFilled__201d5.colorGreen__201d5,
|
||||
.lookFilled__201d5.colorRed__201d5 {
|
||||
color: var(--base00) !important;
|
||||
}
|
||||
|
||||
/*--- Remove Folder Group Borders ---*/
|
||||
.folderGroupBackground__48112 {
|
||||
border: none;
|
||||
}
|
||||
|
||||
/*--- Increase Text Legibility ---*/
|
||||
* {
|
||||
text-rendering: optimizeLegibility !important;
|
||||
}
|
||||
|
||||
/*--- Codeblock Syntax Highlighting Recolor ---*/
|
||||
|
||||
.hljs-ansi-foreground-red {
|
||||
color: var(--base08) !important;
|
||||
}
|
||||
.hljs-ansi-foreground-green {
|
||||
color: var(--base0B) !important;
|
||||
}
|
||||
.hljs-ansi-foreground-yellow {
|
||||
color: var(--base0A) !important;
|
||||
}
|
||||
.hljs-ansi-foreground-blue {
|
||||
color: var(--base0D) !important;
|
||||
}
|
||||
.hljs-ansi-foreground-magenta {
|
||||
color: var(--base0E) !important;
|
||||
}
|
||||
.hljs-attr {
|
||||
color: var(--base06) !important;
|
||||
}
|
||||
.hljs-attribute {
|
||||
color: var(--base06) !important;
|
||||
}
|
||||
.hljs-number {
|
||||
color: var(--base06) !important;
|
||||
}
|
||||
.hljs-selector-class {
|
||||
color: var(--base06) !important;
|
||||
}
|
||||
.hljs-comment {
|
||||
color: var(--base03) !important;
|
||||
}
|
||||
.hljs-subst {
|
||||
color: var(--base0D) !important;
|
||||
}
|
||||
.hljs-selector-pseudo {
|
||||
color: var(--base0B) !important;
|
||||
}
|
||||
.hljs-section {
|
||||
color: var(--base0B) !important;
|
||||
}
|
||||
.hljs-keyword {
|
||||
color: var(--base08) !important;
|
||||
}
|
||||
.hljs-variable {
|
||||
color: var(--base08) !important;
|
||||
}
|
||||
.hljs-meta {
|
||||
color: var(--base03) !important;
|
||||
}
|
||||
.hljs-built_in {
|
||||
color: var(--base09) !important;
|
||||
}
|
||||
.hljs-string {
|
||||
color: var(--base0B) !important;
|
||||
}
|
||||
.hljs-title {
|
||||
color: var(--base0E) !important;
|
||||
}
|
||||
|
||||
/*--- Visual Refresh Recolor ---*/
|
||||
/*--- BIG WORK IN PROGRESS. DISCORD MADE SOME BIG CHANGES. ---*/
|
||||
.visual-refresh {
|
||||
div[class^="autocomplete__"] {
|
||||
background-color: var(--base02) !important;
|
||||
}
|
||||
path[fill^="rgba(88, 101, 242, 1)"] {
|
||||
fill: var(--base0B) !important;
|
||||
}
|
||||
div[class^="topicsPillContainer"] {
|
||||
--bg-overlay-2: var(--base02) !important;
|
||||
}
|
||||
.tagPill__9a337 {
|
||||
background-color: var(--base00) !important;
|
||||
}
|
||||
.bg__960e4 {
|
||||
background: var(--base00) !important;
|
||||
}
|
||||
.header_f37cb1 {
|
||||
/* background-color: var(--base01) !important; */
|
||||
}
|
||||
.wrapper_ef3116 {
|
||||
background-color: var(--base00) !important;
|
||||
}
|
||||
.sidebar_c48ade {
|
||||
background-color: var(--base00) !important;
|
||||
}
|
||||
.searchBar__97492 {
|
||||
background-color: var(--base02) !important;
|
||||
}
|
||||
.channelTextArea_f75fb0 {
|
||||
background: var(--base01) !important;
|
||||
}
|
||||
.chatContent_f75fb0 {
|
||||
background-color: var(--base00) !important;
|
||||
}
|
||||
.members_c8ffbb,
|
||||
.member_c8ffbb {
|
||||
background: var(--base00) !important;
|
||||
}
|
||||
.voiceBar__7aaec {
|
||||
background-color: var(--base02) !important;
|
||||
}
|
||||
button.button__67645.redGlow__67645,
|
||||
span.button__67645.redGlow__67645 {
|
||||
background-color: var(--base02) !important;
|
||||
}
|
||||
|
||||
.experimentButton_e131a9.buttonColor_e131a9.buttonActive_e131a9 {
|
||||
background-color: var(--base0B) !important;
|
||||
color: var(--base00) !important;
|
||||
}
|
||||
|
||||
.selectedBackground_e681d1 {
|
||||
background-color: color-mix(in srgb, var(--base0D) 20%, var(--base00)) !important;
|
||||
color: var(--base0F) !important;
|
||||
}
|
||||
|
||||
/*--- Status Icon Recolor (DO NOT DISTURB) ---*/
|
||||
svg[fill^="#d83a42"],
|
||||
rect[fill^="#d83a42"],
|
||||
path[fill^="#d83a42"],
|
||||
svg[fill^="#d83a41"],
|
||||
rect[fill^="#d83a41"],
|
||||
path[fill^="#d83a41"] {
|
||||
fill: var(--status-danger) !important;
|
||||
}
|
||||
/*--- Status Icon Recolor (IDLE) ---*/
|
||||
svg[fill^="#ca9654"],
|
||||
rect[fill^="#ca9654"],
|
||||
path[fill^="#ca9654"],
|
||||
svg[fill^="#cc954c"],
|
||||
rect[fill^="#cc954c"],
|
||||
path[fill^="#cc954c"] {
|
||||
fill: var(--status-warning) !important;
|
||||
}
|
||||
/*--- Status Icon Recolor (ONLINE) ---*/
|
||||
path[fill^="#43a25a"],
|
||||
svg[fill^="#43a25a"],
|
||||
rect[fill^="#43a25a"],
|
||||
path[fill^="#40a258"],
|
||||
svg[fill^="#40a258"],
|
||||
rect[fill^="#40a258"] {
|
||||
fill: var(--status-positive) !important;
|
||||
}
|
||||
/*--- Status Icon Recolor (OFFLINE) ---*/
|
||||
svg[fill^="#83838b"],
|
||||
rect[fill^="#83838b"],
|
||||
path[fill^="#83838b"],
|
||||
svg[fill^="#82838b"],
|
||||
rect[fill^="#82838b"],
|
||||
path[fill^="#82838b"] {
|
||||
fill: var(--base03) !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* --- Light Theme Fix? --- */
|
||||
.theme-light {
|
||||
--base01: color-mix(in srgb, var(--color00) 95%, black) !important;
|
||||
--base02: color-mix(in srgb, var(--color00) 85%, black) !important;
|
||||
--base03: color-mix(in srgb, var(--color00) 50%, black) !important;
|
||||
--base04: color-mix(in srgb, var(--color00) 70%, black) !important;
|
||||
--base06: color-mix(in srgb, var(--color05) 95%, white) !important;
|
||||
--base07: color-mix(in srgb, var(--color05) 90%, white) !important;
|
||||
}
|
||||
|
||||
[class*="sidebar"]::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 1px;
|
||||
background: rgba(255,255,255,0.05);
|
||||
transform: scaleX(0.5);
|
||||
transform-origin: right;
|
||||
pointer-events: none;
|
||||
}
|
||||
/* me-reacted reaction button — robust (class-substring, version-independent) */
|
||||
[class*="reactionMe"] {
|
||||
background-color: color-mix(in srgb, var(--base0D) 22%, var(--base00)) !important;
|
||||
border: 1px solid var(--base0D) !important;
|
||||
}
|
||||
[class*="reactionMe"] * {
|
||||
color: var(--base0F) !important;
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
{
|
||||
"name": "theme-harbor",
|
||||
"displayName": "Harbor Theme",
|
||||
"description": "Harbor color theme",
|
||||
"publisher": "local",
|
||||
"version": "1.0.0",
|
||||
"engines": {
|
||||
"vscode": "^1.70.0"
|
||||
},
|
||||
"categories": [
|
||||
"Themes"
|
||||
],
|
||||
"contributes": {
|
||||
"themes": [
|
||||
{
|
||||
"label": "Harbor",
|
||||
"uiTheme": "vs",
|
||||
"path": "./themes/harbor-color-theme.json"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"name": "Harbor",
|
||||
"extension": "local.theme-harbor"
|
||||
}
|
||||
@@ -0,0 +1,89 @@
|
||||
@define-color selected-text #384f54;
|
||||
@define-color text #1c2d28;
|
||||
@define-color base #dfe4c4;
|
||||
@define-color border #7d8794;
|
||||
@define-color foreground #1c2d28;
|
||||
@define-color background #dfe4c4;
|
||||
@define-color border2 #253631;
|
||||
|
||||
@keyframes open {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: scaleY(0.3);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: scaleY(1);
|
||||
}
|
||||
}
|
||||
|
||||
window * {
|
||||
all: unset;
|
||||
color: @text;
|
||||
background: none;
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
/* flat translucent panel (no gradient masking the alpha); !important beats omarchy-default style.css */
|
||||
window .box-wrapper {
|
||||
background: alpha(@base, 0.80) !important;
|
||||
background-image: none !important;
|
||||
border-radius: 5px;
|
||||
padding: 10px;
|
||||
margin: 0;
|
||||
min-width: 230px;
|
||||
max-width: 230px;
|
||||
border: 2px solid alpha(@border2, 0.65);
|
||||
animation: open 200ms cubic-bezier(0.34, 1.2, 0.64, 1) forwards;
|
||||
transform-origin: top center;
|
||||
box-shadow: 0 2px 12px alpha(black, 0.85);
|
||||
}
|
||||
|
||||
window .search-container {
|
||||
border: 2px solid alpha(@border2, 0.4);
|
||||
border-radius: 4px;
|
||||
padding: 5px 8px;
|
||||
margin-bottom: 4px;
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
window .keybind-hints {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
window .input {
|
||||
background: transparent;
|
||||
color: @text;
|
||||
}
|
||||
|
||||
window .item-text-box {
|
||||
padding: 7px 0;
|
||||
}
|
||||
|
||||
window .item-box {
|
||||
padding: 0 8px;
|
||||
border-radius: 5px;
|
||||
transition: background 150ms ease;
|
||||
}
|
||||
|
||||
window .item-image {
|
||||
-gtk-icon-size: 18px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
window .normal-icons { -gtk-icon-size: 18px; }
|
||||
window .large-icons { -gtk-icon-size: 18px; }
|
||||
|
||||
window child:selected {
|
||||
border: 2px solid alpha(@border2, 0.4);
|
||||
border-radius: 4px;
|
||||
background: mix(#556753, @background, 0.85);
|
||||
}
|
||||
|
||||
window child:selected .item-box * {
|
||||
color: @selected-text;
|
||||
transition: color 150ms ease;
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
name: Aether
|
||||
accent: "#5e81ac"
|
||||
cursor: "#5e81ac"
|
||||
background: "#dfe4c4"
|
||||
foreground: "#1c2d28"
|
||||
details: darker
|
||||
|
||||
terminal_colors:
|
||||
normal:
|
||||
black: "#dfe4c4"
|
||||
red: "#b14752"
|
||||
green: "#556753"
|
||||
yellow: "#dc8164"
|
||||
blue: "#4c6c94"
|
||||
magenta: "#8a5b81"
|
||||
cyan: "#3d727d"
|
||||
white: "#384f54"
|
||||
bright:
|
||||
black: "#7d8794"
|
||||
red: "#b14752"
|
||||
green: "#556753"
|
||||
yellow: "#dc8164"
|
||||
blue: "#4c6c94"
|
||||
magenta: "#8a5b81"
|
||||
cyan: "#3d727d"
|
||||
white: "#1c2d28"
|
||||
@@ -0,0 +1,2 @@
|
||||
@define-color background #dfe4c4;
|
||||
@define-color foreground #1c2d28;
|
||||
@@ -0,0 +1,49 @@
|
||||
@define-color bg #dfe4c4;
|
||||
@define-color fg #1c2d28;
|
||||
@define-color gray1 #556753;
|
||||
@define-color gray2 #7d8794;
|
||||
@define-color gray3 #5e81ac;
|
||||
@define-color gray4 #dc8164;
|
||||
@define-color gray5 #8a5b81;
|
||||
@define-color fg_bright #1c2d28;
|
||||
|
||||
window {
|
||||
background-color: @bg;
|
||||
border: 2px solid @gray3;
|
||||
}
|
||||
|
||||
input {
|
||||
background-color: @bg;
|
||||
color: @fg;
|
||||
border: 1px solid @gray2;
|
||||
}
|
||||
|
||||
input:selected {
|
||||
background-color: @gray1;
|
||||
color: @fg_bright;
|
||||
}
|
||||
|
||||
#entry {
|
||||
color: @fg;
|
||||
background-color: @bg;
|
||||
padding: 5px;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
#entry:selected {
|
||||
background-color: @gray1;
|
||||
color: @fg_bright;
|
||||
}
|
||||
|
||||
scrollbar {
|
||||
background-color: @bg;
|
||||
}
|
||||
|
||||
scrollbar slider {
|
||||
background-color: @gray2;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
scrollbar slider:hover {
|
||||
background-color: @gray3;
|
||||
}
|
||||
@@ -0,0 +1,105 @@
|
||||
{
|
||||
"$schema": "https://zed.dev/schema/themes/v0.1.0.json",
|
||||
"name": "Omarchy",
|
||||
"author": "@bypass_",
|
||||
"themes": [
|
||||
{
|
||||
"name": "Omarchy",
|
||||
"appearance": "dark",
|
||||
"style": {
|
||||
"background": "#dfe4c490",
|
||||
"editor.background": "#dfe4c490",
|
||||
"editor.foreground": "#1c2d28",
|
||||
"text": "#1c2d28",
|
||||
"text.muted": "#1c2d2870",
|
||||
"text.ignored": "#1c2d2840",
|
||||
"text.placeholder": "#1c2d2850",
|
||||
"ignored": "#1c2d2830",
|
||||
"element.hover": "#1c2d2830",
|
||||
"ghost_element.hover": "#7d879430",
|
||||
"ghost_element.selected": "#7d879430",
|
||||
"ghost_element.active": "#7d879460",
|
||||
"border": "#dfe4c4",
|
||||
"editor.highlighted_line.background": "#7d879410",
|
||||
"editor.active_line.background": "#7d879410",
|
||||
"panel.background": "#dfe4c490",
|
||||
"title_bar.background": "#dfe4c490",
|
||||
"title_bar.inactive_background": "#dfe4c490",
|
||||
"status_bar.background": "#dfe4c490",
|
||||
"drop_target.background": "#dfe4c490",
|
||||
"elevated_surface.background": "#dfe4c4",
|
||||
"toolbar.background": "#dfe4c490",
|
||||
"tab_bar.background": "#dfe4c490",
|
||||
"tab.inactive_background": "#dfe4c490",
|
||||
"tab.active_background": "#7d879430",
|
||||
"scrollbar.track.background": "transparent",
|
||||
"scrollbar.track.border": "#dfe4c4",
|
||||
"scrollbar.thumb.background": "#1c2d28",
|
||||
"editor.gutter.background": "#dfe4c490",
|
||||
"terminal.background": "#dfe4c410",
|
||||
"terminal.foreground": "#1c2d28",
|
||||
"terminal.dim_foreground": "#1c2d28",
|
||||
"terminal.bright_foreground": "#1c2d28",
|
||||
"terminal.ansi.black": "#dfe4c4",
|
||||
"terminal.ansi.red": "#b14752",
|
||||
"terminal.ansi.green": "#556753",
|
||||
"terminal.ansi.yellow": "#dc8164",
|
||||
"terminal.ansi.blue": "#4c6c94",
|
||||
"terminal.ansi.magenta": "#8a5b81",
|
||||
"terminal.ansi.cyan": "#3d727d",
|
||||
"terminal.ansi.white": "#384f54",
|
||||
"terminal.ansi.bright_black": "#7d8794",
|
||||
"terminal.ansi.bright_red": "#b14752",
|
||||
"terminal.ansi.bright_green": "#556753",
|
||||
"terminal.ansi.bright_yellow": "#dc8164",
|
||||
"terminal.ansi.bright_blue": "#4c6c94",
|
||||
"terminal.ansi.bright_magenta": "#8a5b81",
|
||||
"terminal.ansi.bright_cyan": "#3d727d",
|
||||
"terminal.ansi.bright_white": "#1c2d28",
|
||||
"modified": "#b14752",
|
||||
"syntax": {
|
||||
"attribute": {
|
||||
"color": "#384f54"
|
||||
},
|
||||
"boolean": {
|
||||
"color": "#556753"
|
||||
},
|
||||
"comment": {
|
||||
"color": "#7d8794"
|
||||
},
|
||||
"comment.doc": {
|
||||
"color": "#7d8794"
|
||||
},
|
||||
"constant": {
|
||||
"color": "#556753"
|
||||
},
|
||||
"function": {
|
||||
"color": "#3d727d"
|
||||
},
|
||||
"keyword": {
|
||||
"color": "#5e81ac"
|
||||
},
|
||||
"number": {
|
||||
"color": "#8a5b81"
|
||||
},
|
||||
"operator": {
|
||||
"color": "#5e81ac"
|
||||
},
|
||||
"string": {
|
||||
"color": "#b14752"
|
||||
},
|
||||
"variable": {
|
||||
"color": "#556753"
|
||||
}
|
||||
},
|
||||
"players": [
|
||||
{
|
||||
"cursor": "#1c2d28",
|
||||
"background": "#dfe4c4",
|
||||
"selection": "#1c2d2830"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
:root {
|
||||
--color00: #dfe4c4;
|
||||
--color01: #dfe4c4;
|
||||
--color02: #dfe4c4;
|
||||
--color03: #384f54;
|
||||
--color04: #1c2d28;
|
||||
--color05: #1c2d28;
|
||||
--color06: #1c2d28;
|
||||
--color07: #1c2d28;
|
||||
--color08: #b14752;
|
||||
--color09: #dc8164;
|
||||
--color0A: #dc8164;
|
||||
--color0B: #556753;
|
||||
--color0C: #3d727d;
|
||||
--color0D: #4c6c94;
|
||||
--color0E: #8a5b81;
|
||||
--color0F: #b14752;
|
||||
}
|
||||
Reference in New Issue
Block a user