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"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
Reference in New Issue
Block a user