Ja.KooLit
2 years ago
committed by
GitHub
62 changed files with 1744 additions and 1419 deletions
@ -0,0 +1,34 @@
|
||||
#version 330 |
||||
|
||||
in vec2 fragCoord; |
||||
out vec4 fragColor; |
||||
|
||||
// bar values. defaults to left channels first (low to high), then right (high to low). |
||||
uniform float bars[512]; |
||||
|
||||
uniform int bars_count; // number of bars (left + right) (configurable) |
||||
|
||||
uniform vec3 u_resolution; // window resolution, not used here |
||||
|
||||
//colors, configurable in cava config file |
||||
uniform vec3 bg_color; // background color(r,g,b) (0.0 - 1.0), not used here |
||||
uniform vec3 fg_color; // foreground color, not used here |
||||
|
||||
void main() |
||||
{ |
||||
// find which bar to use based on where we are on the x axis |
||||
int bar = int(bars_count * fragCoord.x); |
||||
|
||||
float bar_y = 1.0 - abs((fragCoord.y - 0.5)) * 2.0; |
||||
float y = (bars[bar]) * bar_y; |
||||
|
||||
float bar_x = (fragCoord.x - float(bar) / float(bars_count)) * bars_count; |
||||
float bar_r = 1.0 - abs((bar_x - 0.5)) * 2; |
||||
|
||||
bar_r = bar_r * bar_r * 2; |
||||
|
||||
// set color |
||||
fragColor.r = fg_color.x * y * bar_r; |
||||
fragColor.g = fg_color.y * y * bar_r; |
||||
fragColor.b = fg_color.z * y * bar_r; |
||||
} |
||||
@ -0,0 +1,33 @@
|
||||
#!/usr/bin/env bash |
||||
# Script parses /proc/uptime to get the system uptime |
||||
# and prints it in a human-readable format |
||||
# This is a workaround for system where `uptime` command is taken from coreutils |
||||
# where `uptime -p` is not supported |
||||
|
||||
if [[ -r /proc/uptime ]]; then |
||||
s=$(< /proc/uptime) |
||||
s=${s/.*} |
||||
else |
||||
echo "Error UptimeNixOS.sh: Uptime could not be determined." >&2 |
||||
exit 1 |
||||
fi |
||||
|
||||
d="$((s / 60 / 60 / 24)) days" |
||||
h="$((s / 60 / 60 % 24)) hours" |
||||
m="$((s / 60 % 60)) minutes" |
||||
|
||||
# Remove plural if < 2. |
||||
((${d/ *} == 1)) && d=${d/s} |
||||
((${h/ *} == 1)) && h=${h/s} |
||||
((${m/ *} == 1)) && m=${m/s} |
||||
|
||||
# Hide empty fields. |
||||
((${d/ *} == 0)) && unset d |
||||
((${h/ *} == 0)) && unset h |
||||
((${m/ *} == 0)) && unset m |
||||
|
||||
uptime=${d:+$d, }${h:+$h, }$m |
||||
uptime=${uptime%', '} |
||||
uptime=${uptime:-$s seconds} |
||||
|
||||
echo "up $uptime" |
||||
@ -0,0 +1,18 @@
|
||||
$background = rgb(010102) |
||||
$foreground = rgb(E2FECE) |
||||
$color0 = rgb(010102) |
||||
$color1 = rgb(595213) |
||||
$color2 = rgb(9E2517) |
||||
$color3 = rgb(0E714C) |
||||
$color4 = rgb(08AC75) |
||||
$color5 = rgb(08BCB1) |
||||
$color6 = rgb(81BC57) |
||||
$color7 = rgb(CDF5B1) |
||||
$color8 = rgb(8FAB7C) |
||||
$color9 = rgb(776D19) |
||||
$color10 = rgb(D3311F) |
||||
$color11 = rgb(129766) |
||||
$color12 = rgb(0AE59C) |
||||
$color13 = rgb(0AFAEC) |
||||
$color14 = rgb(ACFB74) |
||||
$color15 = rgb(CDF5B1) |
||||
@ -1 +1 @@
|
||||
/home/ja/Pictures/wallpapers/CuteCat.png |
||||
/home/ja/Pictures/wallpapers/IT_guy.png |
||||
@ -1,3 +0,0 @@
|
||||
# NOTE!! |
||||
|
||||
This is symlink from ~/.cache/wal/colors-rofi-dark.rasi or ~/.cache/wal/colors-rofi-dark.rasi. Do not delete this folder and files else rofi theme wont be loaded. |
||||
@ -0,0 +1,28 @@
|
||||
* { |
||||
active-background: #9E2517; |
||||
active-foreground: #E2FECE; |
||||
normal-background: #010102; |
||||
normal-foreground: #E2FECE; |
||||
urgent-background: #595213; |
||||
urgent-foreground: #E2FECE; |
||||
|
||||
alternate-active-background: #010102; |
||||
alternate-active-foreground: #E2FECE; |
||||
alternate-normal-background: #010102; |
||||
alternate-normal-foreground: #E2FECE; |
||||
alternate-urgent-background: #010102; |
||||
alternate-urgent-foreground: #E2FECE; |
||||
|
||||
selected-active-background: #595213; |
||||
selected-active-foreground: #E2FECE; |
||||
selected-normal-background: #CDF5B1; |
||||
selected-normal-foreground: #E2FECE; |
||||
selected-urgent-background: #0AE59C; |
||||
selected-urgent-foreground: #E2FECE; |
||||
|
||||
background-color: #010102; |
||||
background: rgba(0,0,0,0.7); |
||||
foreground: #CDF5B1; |
||||
border-color: #010102; |
||||
} |
||||
|
||||
@ -1,18 +0,0 @@
|
||||
$foregroundCol = 0xff{foreground.strip} |
||||
$backgroundCol = 0xff{background.strip} |
||||
$color0 = 0xff{color0.strip} |
||||
$color1 = 0xff{color1.strip} |
||||
$color2 = 0xff{color2.strip} |
||||
$color3 = 0xff{color3.strip} |
||||
$color4 = 0xff{color4.strip} |
||||
$color5 = 0xff{color5.strip} |
||||
$color6 = 0xff{color6.strip} |
||||
$color7 = 0xff{color7.strip} |
||||
$color8 = 0xff{color8.strip} |
||||
$color9 = 0xff{color9.strip} |
||||
$color10 = 0xff{color10.strip} |
||||
$color11 = 0xff{color11.strip} |
||||
$color12 = 0xff{color12.strip} |
||||
$color13 = 0xff{color13.strip} |
||||
$color14 = 0xff{color14.strip} |
||||
$color15 = 0xff{color15.strip} |
||||
@ -1,166 +0,0 @@
|
||||
* {{ |
||||
active-background: {color2}; |
||||
active-foreground: @foreground; |
||||
normal-background: @background; |
||||
normal-foreground: @foreground; |
||||
urgent-background: {color1}; |
||||
urgent-foreground: @foreground; |
||||
|
||||
alternate-active-background: @background; |
||||
alternate-active-foreground: @foreground; |
||||
alternate-normal-background: @background; |
||||
alternate-normal-foreground: @foreground; |
||||
alternate-urgent-background: @background; |
||||
alternate-urgent-foreground: @foreground; |
||||
|
||||
selected-active-background: {color1}; |
||||
selected-active-foreground: @foreground; |
||||
selected-normal-background: {color2}; |
||||
selected-normal-foreground: @foreground; |
||||
selected-urgent-background: {color3}; |
||||
selected-urgent-foreground: @foreground; |
||||
|
||||
background-color: @background; |
||||
background: rgba(0,0,0,0.7); |
||||
foreground: {foreground}; |
||||
border-color: @background; |
||||
spacing: 2; |
||||
}} |
||||
|
||||
#window {{ |
||||
background-color: @background; |
||||
border: 0; |
||||
padding: 2.5ch; |
||||
}} |
||||
|
||||
#mainbox {{ |
||||
border: 0; |
||||
padding: 0; |
||||
}} |
||||
|
||||
#message {{ |
||||
border: 2px 0px 0px; |
||||
border-color: @border-color; |
||||
padding: 1px; |
||||
}} |
||||
|
||||
#textbox {{ |
||||
text-color: @foreground; |
||||
}} |
||||
|
||||
#inputbar {{ |
||||
children: [ prompt,textbox-prompt-colon,entry,case-indicator ]; |
||||
}} |
||||
|
||||
#textbox-prompt-colon {{ |
||||
expand: false; |
||||
str: ":"; |
||||
margin: 0px 0.3em 0em 0em; |
||||
text-color: @normal-foreground; |
||||
}} |
||||
|
||||
#listview {{ |
||||
fixed-height: 0; |
||||
border: 2px 0px 0px; |
||||
border-color: @border-color; |
||||
spacing: 2px; |
||||
scrollbar: true; |
||||
padding: 2px 0px 0px; |
||||
}} |
||||
|
||||
#element {{ |
||||
border: 0; |
||||
padding: 1px; |
||||
}} |
||||
|
||||
#element-text, element-icon {{ |
||||
background-color: inherit; |
||||
text-color: inherit; |
||||
}} |
||||
|
||||
#element.normal.normal {{ |
||||
background-color: @normal-background; |
||||
text-color: @normal-foreground; |
||||
}} |
||||
|
||||
#element.normal.urgent {{ |
||||
background-color: @urgent-background; |
||||
text-color: @urgent-foreground; |
||||
}} |
||||
|
||||
#element.normal.active {{ |
||||
background-color: @active-background; |
||||
text-color: @active-foreground; |
||||
}} |
||||
|
||||
#element.selected.normal {{ |
||||
background-color: @selected-normal-background; |
||||
text-color: @selected-normal-foreground; |
||||
}} |
||||
|
||||
#element.selected.urgent {{ |
||||
background-color: @selected-urgent-background; |
||||
text-color: @selected-urgent-foreground; |
||||
}} |
||||
|
||||
#element.selected.active {{ |
||||
background-color: @selected-active-background; |
||||
text-color: @selected-active-foreground; |
||||
}} |
||||
|
||||
#element.alternate.normal {{ |
||||
background-color: @alternate-normal-background; |
||||
text-color: @alternate-normal-foreground; |
||||
}} |
||||
|
||||
#element.alternate.urgent {{ |
||||
background-color: @alternate-urgent-background; |
||||
text-color: @alternate-urgent-foreground; |
||||
}} |
||||
|
||||
#element.alternate.active {{ |
||||
background-color: @alternate-active-background; |
||||
text-color: @alternate-active-foreground; |
||||
}} |
||||
|
||||
#scrollbar {{ |
||||
width: 4px; |
||||
border: 0; |
||||
handle-width: 8px; |
||||
padding: 0; |
||||
}} |
||||
|
||||
#sidebar {{ |
||||
border: 2px 0px 0px; |
||||
border-color: @border-color; |
||||
}} |
||||
|
||||
#button {{ |
||||
text-color: @normal-foreground; |
||||
}} |
||||
|
||||
#button.selected {{ |
||||
background-color: @selected-normal-background; |
||||
text-color: @selected-normal-foreground; |
||||
}} |
||||
|
||||
#inputbar {{ |
||||
spacing: 0; |
||||
text-color: @normal-foreground; |
||||
padding: 1px; |
||||
}} |
||||
|
||||
#case-indicator {{ |
||||
spacing: 0; |
||||
text-color: @normal-foreground; |
||||
}} |
||||
|
||||
#entry {{ |
||||
spacing: 0; |
||||
text-color: @normal-foreground; |
||||
}} |
||||
|
||||
#prompt {{ |
||||
spacing: 0; |
||||
text-color: @normal-foreground; |
||||
}} |
||||
@ -1,166 +0,0 @@
|
||||
* {{ |
||||
active-background: {color2}; |
||||
active-foreground: @foreground; |
||||
normal-background: @background; |
||||
normal-foreground: @foreground; |
||||
urgent-background: {color1}; |
||||
urgent-foreground: @foreground; |
||||
|
||||
alternate-active-background: @background; |
||||
alternate-active-foreground: @foreground; |
||||
alternate-normal-background: @background; |
||||
alternate-normal-foreground: @foreground; |
||||
alternate-urgent-background: @background; |
||||
alternate-urgent-foreground: @foreground; |
||||
|
||||
selected-active-background: {color1}; |
||||
selected-active-foreground: @foreground; |
||||
selected-normal-background: {color2}; |
||||
selected-normal-foreground: @foreground; |
||||
selected-urgent-background: {color3}; |
||||
selected-urgent-foreground: @foreground; |
||||
|
||||
background-color: @background; |
||||
background: rgba(255,255,255, 0.5); |
||||
foreground: {background}; |
||||
border-color: @background; |
||||
spacing: 2; |
||||
}} |
||||
|
||||
#window {{ |
||||
background-color: @background; |
||||
border: 0; |
||||
padding: 2.5ch; |
||||
}} |
||||
|
||||
#mainbox {{ |
||||
border: 0; |
||||
padding: 0; |
||||
}} |
||||
|
||||
#message {{ |
||||
border: 2px 0px 0px; |
||||
border-color: @border-color; |
||||
padding: 1px; |
||||
}} |
||||
|
||||
#textbox {{ |
||||
text-color: @foreground; |
||||
}} |
||||
|
||||
#inputbar {{ |
||||
children: [ prompt,textbox-prompt-colon,entry,case-indicator ]; |
||||
}} |
||||
|
||||
#textbox-prompt-colon {{ |
||||
expand: false; |
||||
str: ":"; |
||||
margin: 0px 0.3em 0em 0em; |
||||
text-color: @normal-foreground; |
||||
}} |
||||
|
||||
#listview {{ |
||||
fixed-height: 0; |
||||
border: 2px 0px 0px; |
||||
border-color: @border-color; |
||||
spacing: 2px; |
||||
scrollbar: true; |
||||
padding: 2px 0px 0px; |
||||
}} |
||||
|
||||
#element {{ |
||||
border: 0; |
||||
padding: 1px; |
||||
}} |
||||
|
||||
#element-text, element-icon {{ |
||||
background-color: inherit; |
||||
text-color: inherit; |
||||
}} |
||||
|
||||
#element.normal.normal {{ |
||||
background-color: @normal-background; |
||||
text-color: @normal-foreground; |
||||
}} |
||||
|
||||
#element.normal.urgent {{ |
||||
background-color: @urgent-background; |
||||
text-color: @urgent-foreground; |
||||
}} |
||||
|
||||
#element.normal.active {{ |
||||
background-color: @active-background; |
||||
text-color: @active-foreground; |
||||
}} |
||||
|
||||
#element.selected.normal {{ |
||||
background-color: @selected-normal-background; |
||||
text-color: @selected-normal-foreground; |
||||
}} |
||||
|
||||
#element.selected.urgent {{ |
||||
background-color: @selected-urgent-background; |
||||
text-color: @selected-urgent-foreground; |
||||
}} |
||||
|
||||
#element.selected.active {{ |
||||
background-color: @selected-active-background; |
||||
text-color: @selected-active-foreground; |
||||
}} |
||||
|
||||
#element.alternate.normal {{ |
||||
background-color: @alternate-normal-background; |
||||
text-color: @alternate-normal-foreground; |
||||
}} |
||||
|
||||
#element.alternate.urgent {{ |
||||
background-color: @alternate-urgent-background; |
||||
text-color: @alternate-urgent-foreground; |
||||
}} |
||||
|
||||
#element.alternate.active {{ |
||||
background-color: @alternate-active-background; |
||||
text-color: @alternate-active-foreground; |
||||
}} |
||||
|
||||
#scrollbar {{ |
||||
width: 4px; |
||||
border: 0; |
||||
handle-width: 8px; |
||||
padding: 0; |
||||
}} |
||||
|
||||
#sidebar {{ |
||||
border: 2px 0px 0px; |
||||
border-color: @border-color; |
||||
}} |
||||
|
||||
#button {{ |
||||
text-color: @normal-foreground; |
||||
}} |
||||
|
||||
#button.selected {{ |
||||
background-color: @selected-normal-background; |
||||
text-color: @selected-normal-foreground; |
||||
}} |
||||
|
||||
#inputbar {{ |
||||
spacing: 0; |
||||
text-color: @normal-foreground; |
||||
padding: 1px; |
||||
}} |
||||
|
||||
#case-indicator {{ |
||||
spacing: 0; |
||||
text-color: @normal-foreground; |
||||
}} |
||||
|
||||
#entry {{ |
||||
spacing: 0; |
||||
text-color: @normal-foreground; |
||||
}} |
||||
|
||||
#prompt {{ |
||||
spacing: 0; |
||||
text-color: @normal-foreground; |
||||
}} |
||||
@ -0,0 +1,18 @@
|
||||
$background = rgb({{background | strip}}) |
||||
$foreground = rgb({{foreground | strip}}) |
||||
$color0 = rgb({{color0 | strip}}) |
||||
$color1 = rgb({{color1 | strip}}) |
||||
$color2 = rgb({{color2 | strip}}) |
||||
$color3 = rgb({{color3 | strip}}) |
||||
$color4 = rgb({{color4 | strip}}) |
||||
$color5 = rgb({{color5 | strip}}) |
||||
$color6 = rgb({{color6 | strip}}) |
||||
$color7 = rgb({{color7 | strip}}) |
||||
$color8 = rgb({{color8 | strip}}) |
||||
$color9 = rgb({{color9 | strip}}) |
||||
$color10 = rgb({{color10 | strip}}) |
||||
$color11 = rgb({{color11 | strip}}) |
||||
$color12 = rgb({{color12 | strip}}) |
||||
$color13 = rgb({{color13 | strip}}) |
||||
$color14 = rgb({{color14 | strip}}) |
||||
$color15 = rgb({{color15 | strip}}) |
||||
@ -0,0 +1,41 @@
|
||||
font_family Fira Code SemiBold |
||||
font_size 13.0 |
||||
bold_font auto |
||||
italic_font auto |
||||
bold_italic_font auto |
||||
|
||||
confirm_os_window_close 0 |
||||
|
||||
foreground {{foreground}} |
||||
background {{background}} |
||||
background_opacity 0.7 |
||||
cursor {{cursor}} |
||||
|
||||
selection_foreground #000000 |
||||
selection_background #F5FBFF |
||||
|
||||
active_tab_foreground {{background}} |
||||
active_tab_background {{foreground}} |
||||
inactive_tab_foreground {{foreground}} |
||||
inactive_tab_background {{background}} |
||||
|
||||
active_border_color {{foreground}} |
||||
inactive_border_color {{background}} |
||||
bell_border_color {{color1}} |
||||
|
||||
color0 {{color0}} |
||||
color1 {{color1}} |
||||
color2 {{color2}} |
||||
color3 {{color3}} |
||||
color4 {{color4}} |
||||
color5 {{color5}} |
||||
color6 {{color6}} |
||||
color7 {{color7}} |
||||
color8 {{color8}} |
||||
color9 {{color9}} |
||||
color10 {{color10}} |
||||
color11 {{color11}} |
||||
color12 {{color12}} |
||||
color13 {{color13}} |
||||
color14 {{color14}} |
||||
color15 {{color15}} |
||||
@ -0,0 +1,28 @@
|
||||
* { |
||||
active-background: {{color9}}; |
||||
active-foreground: {{foreground}}; |
||||
normal-background: {{background}}; |
||||
normal-foreground: {{foreground}}; |
||||
urgent-background: {{color12}}; |
||||
urgent-foreground: {{foreground}}; |
||||
|
||||
alternate-active-background: {{color5}}; |
||||
alternate-active-foreground: {{foreground}}; |
||||
alternate-normal-background: {{background}}; |
||||
alternate-normal-foreground: {{foreground}}; |
||||
alternate-urgent-background: {{background}}; |
||||
alternate-urgent-foreground: {{foreground}}; |
||||
|
||||
selected-active-background: {{color9}}; |
||||
selected-active-foreground: {{foreground}}; |
||||
selected-normal-background: {{color7}}; |
||||
selected-normal-foreground: {{foreground}}; |
||||
selected-urgent-background: {{color12}}; |
||||
selected-urgent-foreground: {{foreground}}; |
||||
|
||||
background-color: {{background}}; |
||||
background: rgba(0,0,0,0.7); |
||||
foreground: {{color15}}; |
||||
border-color: {{color9}}; |
||||
} |
||||
|
||||
@ -0,0 +1,9 @@
|
||||
@define-color text {{foreground}}; |
||||
@define-color background rgba({{background | rgb}},0.25); |
||||
@define-color background-alt {{background}}; |
||||
@define-color cursor {{cursor}}; |
||||
@define-color hovered {{color12}}; |
||||
@define-color button-background {{color6}}; |
||||
@define-color button-active {{color2}}; |
||||
@define-color border {{color9}}; |
||||
@define-color urgent {{color15}}; |
||||
@ -0,0 +1,20 @@
|
||||
@define-color foreground {{foreground}}; |
||||
@define-color background rgba({{background | rgb}},0.25); |
||||
@define-color cursor {{cursor}}; |
||||
|
||||
@define-color color0 {{color0}}; |
||||
@define-color color1 {{color1}}; |
||||
@define-color color2 {{color2}}; |
||||
@define-color color3 {{color3}}; |
||||
@define-color color4 {{color4}}; |
||||
@define-color color5 {{color5}}; |
||||
@define-color color6 {{color6}}; |
||||
@define-color color7 {{color7}}; |
||||
@define-color color8 {{color8}}; |
||||
@define-color color9 {{color9}}; |
||||
@define-color color10 {{color10}}; |
||||
@define-color color11 {{color11}}; |
||||
@define-color color12 {{color12}}; |
||||
@define-color color13 {{color13}}; |
||||
@define-color color14 {{color14}}; |
||||
@define-color color15 {{color15}}; |
||||
@ -0,0 +1,53 @@
|
||||
# wallust 3.0 beta.* |
||||
|
||||
backend = "resized" |
||||
color_space = "lch" |
||||
|
||||
# NOTE: All filters will fill 16 colors (from color0 to color15), 16 color |
||||
# variations are the 'ilusion' of more colors by opaquing color1 to color5. |
||||
# Use the most prominent colors in a way that makes sense, a scheme: |
||||
# * dark - 8 dark colors, dark background and light contrast |
||||
# * dark16 - Same as `dark` but uses the 16 colors trick |
||||
# * harddark - Same as `dark` with hard hue colors |
||||
# * harddark16 - Harddark with 16 color variation |
||||
# * light - Light bg, dark fg |
||||
# * light16 - Same as `light` but uses the 16 color trick |
||||
# * softdark - Variant of softlight, uses the lightest colors and a dark |
||||
# background (could be interpreted as `dark` inversed) |
||||
# * softdark16 - softdark with 16 color variation |
||||
# * softlight - Light with soft pastel colors, counterpart of `harddark` |
||||
# * softlight16 - softlight with 16 color variation |
||||
palette = "dark16" |
||||
|
||||
# Difference between similar colors, used by the colorspace: |
||||
# 1 Not perceptible by human eyes. |
||||
# 1 - 2 Perceptible through close observation. |
||||
# 2 - 10 Perceptible at a glance. |
||||
# 11 - 49 Colors are more similar than opposite |
||||
# 100 Colors are exact opposite |
||||
threshold = 10 |
||||
|
||||
[templates] |
||||
cava.template = 'templates/colors-cava' |
||||
cava.target = '~/.config/cava/config' |
||||
|
||||
hypr.template = 'templates/colors-hyprland.conf' |
||||
hypr.target = '~/.config/hypr/wallust/wallust-hyprland.conf' |
||||
|
||||
rofi.template = 'templates/colors-rofi.rasi' |
||||
rofi.target = '~/.config/rofi/wallust/colors-rofi.rasi' |
||||
|
||||
waybar.template = 'templates/colors-waybar.css' |
||||
waybar.target = '~/.config/waybar/wallust/colors-waybar.css' |
||||
|
||||
#swaync.template = 'templates/colors-swaync.css' |
||||
#swaync.target = '~/.config/swaync/wallust/colors-wallust.css' |
||||
|
||||
#macchina.template = 'templates/colors-macchina.toml' |
||||
#macchina.target = '~/.config/macchina/themes/wallust.toml' |
||||
|
||||
#wezterm.template = 'templates/colors-wezterm.toml' |
||||
#wezterm.target = '~/.config/wezterm/colors/wallust.toml' |
||||
|
||||
#zathura.template = 'templates/colors-zathura' |
||||
#zathura.target = '~/.config/zathura/zathurarc' |
||||
@ -0,0 +1 @@
|
||||
/home/ja/.config/waybar/configs/[TOP] Default Laptop_v2 |
||||
@ -0,0 +1 @@
|
||||
/home/ja/.config/waybar/style/[Wallust] Chroma Tally.css |
||||
@ -0,0 +1,367 @@
|
||||
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ |
||||
/* Catppuccin Latte - Wallust */ |
||||
/* Original Design by DC user mannatsingh */ |
||||
|
||||
@define-color white #F2F2F2; |
||||
@define-color black #000000; |
||||
@define-color text #FFFFFF; |
||||
@define-color lightgray #686868; |
||||
@define-color darkgray #353535; |
||||
|
||||
@define-color transparent rgba(1, 1, 1, 0.5); |
||||
@define-color teal-trans rgba(1, 117, 84, 0.5); |
||||
@define-color cyan rgba(53, 140, 169, 1); |
||||
|
||||
@define-color background-module @transparent; |
||||
@define-color border-color @color9; |
||||
@define-color button-color @color11; |
||||
@define-color button-hover @color12; |
||||
|
||||
@import '../../.config/waybar/wallust/colors-waybar.css'; |
||||
@import "../waybar/style/catppuccin-themes/latte.css"; |
||||
|
||||
* { |
||||
font-family: "JetBrainsMono Nerd Font"; |
||||
font-weight: bold; |
||||
min-height: 0; |
||||
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ |
||||
font-size: 97%; |
||||
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; |
||||
padding: 1px; |
||||
} |
||||
|
||||
window#waybar { |
||||
background: transparent; |
||||
border-radius: 0px; |
||||
color: #cba6f7; |
||||
} |
||||
|
||||
window#waybar.hidden { |
||||
opacity: 0; |
||||
} |
||||
|
||||
window#waybar.empty { |
||||
/*background-color: #040406;*/ |
||||
background-color: transparent; |
||||
} |
||||
|
||||
window#waybar.empty #window { |
||||
padding: 0px; |
||||
border: 0px; |
||||
/* background-color: rgba(66,66,66,0.5); */ |
||||
/* transparent */ |
||||
background-color: transparent; |
||||
} |
||||
|
||||
|
||||
tooltip { |
||||
background: #1e1e2e; |
||||
border-radius: 5px; |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
border-color: @border-color; |
||||
color: #ffffff; |
||||
} |
||||
|
||||
/*-----module groups----*/ |
||||
.modules-right { |
||||
background-color: @background-module; |
||||
border-bottom:2px solid @border-color; |
||||
border-radius:15px; |
||||
padding-top: 2px; |
||||
padding-bottom: 0px; |
||||
padding-right: 4px; |
||||
padding-left: 4px; |
||||
|
||||
} |
||||
|
||||
.modules-center { |
||||
background-color: @background-module; |
||||
border-radius:15px; |
||||
border-bottom:2px solid @border-color; |
||||
/*border-right: 2px solid #ffd700;*/ |
||||
/*border:@teal-trans;*/ |
||||
padding-top: 2px; |
||||
padding-bottom: 4px; |
||||
padding-right: 4px; |
||||
padding-left: 4px; |
||||
} |
||||
|
||||
.modules-left { |
||||
background-color: @background-module; |
||||
border-radius:15px; |
||||
border-bottom: 2px solid @border-color; |
||||
padding-top: 2px; |
||||
padding-bottom: 4px; |
||||
padding-right: 4px; |
||||
padding-left: 4px; |
||||
} |
||||
|
||||
#workspaces { |
||||
padding: 0px 1px; |
||||
border-radius: 15px; |
||||
border:2px solid @border-color; |
||||
font-weight: bold; |
||||
font-style: normal; |
||||
opacity:0.8; |
||||
color:#FFFFFF; |
||||
} |
||||
#workspaces button { |
||||
color: #6E6A86; |
||||
box-shadow: none; |
||||
text-shadow: none; |
||||
border-radius: 30px; |
||||
padding-left: 4px; |
||||
padding-right: 4px; |
||||
animation: gradient_f 20s ease-in infinite; |
||||
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); |
||||
} |
||||
|
||||
#workspaces button.active { |
||||
color: #ffd700; |
||||
border-radius: 50%; |
||||
background-color: black; |
||||
border-radius: 15px 15px 15px 15px; |
||||
padding-left: 8px; |
||||
padding-right: 8px; |
||||
animation: gradient_f 20s ease-in infinite; |
||||
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); |
||||
} |
||||
|
||||
#workspaces button.focused { |
||||
color: #d8dee9; |
||||
} |
||||
|
||||
#workspaces button.urgent { |
||||
color: #11111b; |
||||
border-radius: 10px; |
||||
} |
||||
|
||||
#workspaces button:hover { |
||||
color: #ffd700; |
||||
border-radius: 10px; |
||||
padding-left: 2px; |
||||
padding-right: 2px; |
||||
animation: gradient_f 20s ease-in infinite; |
||||
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); |
||||
} |
||||
|
||||
#clock#2 { |
||||
color: #efe8f7; |
||||
} |
||||
|
||||
#backlight, |
||||
#backlight-slider, |
||||
#battery, |
||||
#bluetooth, |
||||
#clock, |
||||
#cpu, |
||||
#disk, |
||||
#idle_inhibitor, |
||||
#keyboard-state, |
||||
#memory, |
||||
#mode, |
||||
#mpris, |
||||
#network, |
||||
#pulseaudio, |
||||
#pulseaudio-slider, |
||||
#taskbar, |
||||
#temperature, |
||||
#tray, |
||||
#window, |
||||
#wireplumber, |
||||
#workspaces, |
||||
#custom-backlight, |
||||
#custom-cava_mviz, |
||||
#custom-cycle_wall, |
||||
#custom-keybinds, |
||||
#custom-keyboard, |
||||
#custom-light_dark, |
||||
#custom-lock, |
||||
#custom-menu, |
||||
#custom-power_vertical, |
||||
#custom-power, |
||||
#custom-swaync, |
||||
#custom-updater, |
||||
#custom-weather, |
||||
#custom-weather.clearNight, |
||||
#custom-weather.cloudyFoggyDay, |
||||
#custom-weather.cloudyFoggyNight, |
||||
#custom-weather.default, |
||||
#custom-weather.rainyDay, |
||||
#custom-weather.rainyNight, |
||||
#custom-weather.severe, |
||||
#custom-weather.showyIcyDay, |
||||
#custom-weather.snowyIcyNight, |
||||
#custom-weather.sunnyDay { |
||||
color: #e5d9f5; |
||||
padding-top: 1px; |
||||
padding-bottom: 1px; |
||||
padding-right: 6px; |
||||
padding-left: 6px; |
||||
} |
||||
|
||||
#temperature.critical { |
||||
background-color: #ff0000; |
||||
} |
||||
|
||||
@keyframes blink { |
||||
to { |
||||
color: #000000; |
||||
} |
||||
} |
||||
|
||||
#taskbar button.active { |
||||
background-color: rgb(47, 46, 46); |
||||
padding-left: 12px; |
||||
padding-right: 12px; |
||||
animation: gradient_f 20s ease-in infinite; |
||||
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); |
||||
} |
||||
|
||||
#taskbar button:hover { |
||||
padding-left: 3px; |
||||
padding-right: 3px; |
||||
animation: gradient_f 20s ease-in infinite; |
||||
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); |
||||
} |
||||
|
||||
#battery.critical:not(.charging) { |
||||
color: #f53c3c; |
||||
animation-name: blink; |
||||
animation-duration: 0.5s; |
||||
animation-timing-function: linear; |
||||
animation-iteration-count: infinite; |
||||
animation-direction: alternate; |
||||
} |
||||
|
||||
#pulseaudio-slider slider { |
||||
min-width: 0px; |
||||
min-height: 0px; |
||||
opacity: 0; |
||||
background-image: none; |
||||
border: none; |
||||
box-shadow: none; |
||||
} |
||||
|
||||
#pulseaudio-slider trough { |
||||
min-width: 80px; |
||||
min-height: 5px; |
||||
border-radius: 5px; |
||||
background-color: #22252a; |
||||
} |
||||
|
||||
#pulseaudio-slider highlight { |
||||
min-height: 10px; |
||||
border-radius: 5px; |
||||
background-color: #ba5663; |
||||
} |
||||
|
||||
#backlight-slider slider { |
||||
min-width: 0px; |
||||
min-height: 0px; |
||||
opacity: 0; |
||||
background-image: none; |
||||
border: none; |
||||
box-shadow: none; |
||||
} |
||||
|
||||
#backlight-slider trough { |
||||
min-width: 80px; |
||||
min-height: 10px; |
||||
border-radius: 5px; |
||||
background-color: #22252a; |
||||
} |
||||
|
||||
#backlight-slider highlight { |
||||
min-width: 10px; |
||||
border-radius: 5px; |
||||
background-color: #ba5663; |
||||
} |
||||
#pulseaudio-slider, |
||||
#pulseaudio { |
||||
color: @color13; |
||||
} |
||||
|
||||
#pulseaudio.muted { |
||||
color: red; |
||||
} |
||||
|
||||
#memory { |
||||
color: @sapphire; |
||||
} |
||||
|
||||
#cpu { |
||||
color: @mauve; |
||||
} |
||||
|
||||
#battery { |
||||
color: @rosewater; |
||||
} |
||||
|
||||
#disk { |
||||
color: @sky; |
||||
} |
||||
|
||||
#temperature.critical { |
||||
background-color: @red; |
||||
} |
||||
#battery.critical:not(.charging) { |
||||
color: #f53c3c; |
||||
animation-name: blink; |
||||
animation-duration: 0.5s; |
||||
animation-timing-function: linear; |
||||
animation-iteration-count: infinite; |
||||
animation-direction: alternate; |
||||
}#pulseaudio-slider slider { |
||||
min-width: 0px; |
||||
min-height: 0px; |
||||
opacity: 0; |
||||
background-image: none; |
||||
border: none; |
||||
box-shadow: none; |
||||
} |
||||
|
||||
#pulseaudio-slider trough { |
||||
min-width: 80px; |
||||
min-height: 5px; |
||||
border-radius: 5px; |
||||
} |
||||
|
||||
#pulseaudio-slider highlight { |
||||
min-height: 10px; |
||||
border-radius: 5px; |
||||
} |
||||
#backlight-slider slider { |
||||
min-width: 0px; |
||||
min-height: 0px; |
||||
opacity: 0; |
||||
background-image: none; |
||||
border: none; |
||||
box-shadow: none; |
||||
} |
||||
|
||||
#backlight-slider trough { |
||||
min-width: 80px; |
||||
min-height: 10px; |
||||
border-radius: 5px; |
||||
} |
||||
|
||||
#backlight-slider highlight { |
||||
min-width: 10px; |
||||
border-radius: 5px; |
||||
} |
||||
#custom-lock, |
||||
#idle_inhibitor { |
||||
color: @teal; |
||||
} |
||||
#clock { |
||||
color: @sapphire; |
||||
border-radius: 15px; |
||||
border:2px solid @border-color; |
||||
} |
||||
#custom-updates { |
||||
color: @yellow; |
||||
} |
||||
#swaync{ |
||||
color: #ffd700;} |
||||
@ -1,7 +1,7 @@
|
||||
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ |
||||
/* Dark - Obsidian Edge */ |
||||
|
||||
@import '../../.cache/wal/colors-waybar.css'; |
||||
@import '../../.config/waybar/wallust/colors-waybar.css'; |
||||
|
||||
* { |
||||
font-family: "JetBrainsMono Nerd Font"; |
||||
@ -1,15 +1,15 @@
|
||||
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ |
||||
/* ..........................................*/ |
||||
/* .......Pywal - Transparent............... */ |
||||
/* ....Wallust - Clear Background........ */ |
||||
/* ......................................... */ |
||||
/* --- 👍 designed by https://github.com/Krautt 👍 --- */ |
||||
/* --- 👍 original designed by https://github.com/Krautt 👍 --- */ |
||||
|
||||
@import '../../.cache/wal/colors-waybar.css'; |
||||
@import '../../.config/waybar/wallust/colors-waybar.css'; |
||||
|
||||
@define-color critical #ff0000; /* critical color */ |
||||
@define-color warning #f3f809; /* warning color */ |
||||
@define-color text @color2; /* text color */ |
||||
@define-color text-alt @color7; /* text alternative color */ |
||||
@define-color text @color12; /* text color */ |
||||
@define-color text-alt @color9; /* text alternative color */ |
||||
@define-color bg @color7; /* background color */ |
||||
|
||||
*{ |
||||
@ -0,0 +1,20 @@
|
||||
@define-color foreground #E2FECE; |
||||
@define-color background rgba(1,1,2,0.25); |
||||
@define-color cursor #E2FECE; |
||||
|
||||
@define-color color0 #010102; |
||||
@define-color color1 #595213; |
||||
@define-color color2 #9E2517; |
||||
@define-color color3 #0E714C; |
||||
@define-color color4 #08AC75; |
||||
@define-color color5 #08BCB1; |
||||
@define-color color6 #81BC57; |
||||
@define-color color7 #CDF5B1; |
||||
@define-color color8 #8FAB7C; |
||||
@define-color color9 #776D19; |
||||
@define-color color10 #D3311F; |
||||
@define-color color11 #129766; |
||||
@define-color color12 #0AE59C; |
||||
@define-color color13 #0AFAEC; |
||||
@define-color color14 #ACFB74; |
||||
@define-color color15 #CDF5B1; |
||||
Loading…
Reference in new issue