modified: config/Kvantum/kvantum.kvconfig
new file: config/Kvantum/matugen/matugen.kvconfig new file: config/Kvantum/matugen/matugen.svg modified: config/btop/btop.conf new file: config/btop/themes/matugen.theme modified: config/cava/config new file: config/cava/themes/matugen modified: config/clipse/config.json new file: config/clipse/matugen.json modified: config/fish/config.fish modified: config/fish/fish_variables new file: config/fish/functions/bx.fish deleted: config/fish/functions/fish_prompt.fish new file: config/fish/functions/ntodo.fish new file: config/fish/functions/o.fish modified: config/foot/foot.ini new file: config/foot/themes/input-matugen-theme.ini new file: config/foot/themes/input-matugen-theme.ini.bak new file: config/foot/themes/matugen-theme.ini new file: config/foot/themes/matugen-theme.ini.bak modified: config/foot/themes/theme.ini new file: config/foot/themes/theme.ini.bak new file: config/gtk-2.0/gtkfilechooser.ini new file: config/gtk-3.0/bookmarks new file: config/gtk-3.0/colors.css new file: config/gtk-3.0/colors.css.bak new file: config/gtk-3.0/colors.css.nak new file: config/gtk-3.0/gtk.css new file: config/gtk-3.0/gtk.css.backup new file: config/gtk-3.0/gtk.css.backup.1776208757 new file: config/gtk-3.0/settings.ini new file: config/gtk-4.0/assets new file: config/gtk-4.0/colors.css new file: config/gtk-4.0/colors.css.bak new file: config/gtk-4.0/gtk-dark.css new file: config/gtk-4.0/gtk.css new file: config/gtk-4.0/gtk.css.backup renamed: config/niri/dms/windowrules.kdl -> config/gtk-4.0/libadwaita-tweaks.css new file: config/gtk-4.0/libadwaita.css new file: config/gtk-4.0/settings.ini new file: config/hypr/colors-hyprlock.conf new file: config/hypr/colors.conf modified: config/hypr/hyprlock.conf modified: config/hypr/hyprlock.conf.bak modified: config/hypr/hyprtoolkit.conf modified: config/hyprwave/config.conf modified: config/hyprwhspr/config.json modified: config/hyprwhspr/mic_osd.pid new file: config/ironbar/colors.css modified: config/ironbar/config.json deleted: config/ironbar/schema-v0.18.0.json new file: config/ironbar/scripts/clipse.sh new file: config/ironbar/scripts/matugen.sh new file: config/ironbar/scripts/matugen.sh.bak modified: config/ironbar/scripts/pomo new file: config/ironbar/scripts/volume.sh modified: config/ironbar/style.css new file: config/ironbar/style.css.bak modified: config/kitty/current-theme.conf deleted: config/kitty/current-theme1.conf deleted: config/kitty/dank-tabs.conf modified: config/kitty/kitty.conf modified: config/kitty/kitty.conf.bak new file: config/kitty/themes/Matugen.conf modified: config/matugen/config.toml deleted: config/matugen/custom3.json new file: config/matugen/scripts/foot-apply-colors.sh new file: config/matugen/scripts/foot-apply-colors.sh.bak new file: config/matugen/scripts/foot-apply.sh new file: config/matugen/scripts/hyprwave-reload.sh new file: config/matugen/scripts/ironbar-toggle.sh new file: config/matugen/scripts/matugen-foot-apply.sh new file: config/matugen/scripts/swayosd-reload.sh new file: config/matugen/scripts/walker.sh new file: config/matugen/templates/Matugen.colors new file: config/matugen/templates/alacritty.toml new file: config/matugen/templates/btop.theme new file: config/matugen/templates/cava-colors.ini new file: config/matugen/templates/clipse_theme.json new file: config/matugen/templates/colors.css new file: config/matugen/templates/cosmic_postprocess.py new file: config/matugen/templates/cosmic_theme.ron new file: config/matugen/templates/dunstrc-colors new file: config/matugen/templates/firefox-colors.css new file: config/matugen/templates/foot-apply-colors.sh new file: config/matugen/templates/foot.ini new file: config/matugen/templates/fuzzel.ini new file: config/matugen/templates/ghostty new file: config/matugen/templates/gtk-colors.css new file: config/matugen/templates/helix.toml new file: config/matugen/templates/heroic.css new file: config/matugen/templates/hyprland-colors.conf new file: config/matugen/templates/hyprlock.conf new file: config/matugen/templates/hyprtoolkit.conf new file: config/matugen/templates/hyprwave.css new file: config/matugen/templates/hypwave.css new file: config/matugen/templates/ironbar.css new file: config/matugen/templates/kitty-colors.conf new file: config/matugen/templates/kvantum-colors.kvconfig new file: config/matugen/templates/kvantum-colors.svg new file: config/matugen/templates/labwc new file: config/matugen/templates/mako new file: config/matugen/templates/mango.conf new file: config/matugen/templates/matugen.obt new file: config/matugen/templates/mcfly.toml new file: config/matugen/templates/micro.micro new file: config/matugen/templates/midnight-discord.css new file: config/matugen/templates/neovim.lua new file: config/matugen/templates/neovim/README.md new file: config/matugen/templates/neovim/init.lua new file: config/matugen/templates/neovim/template.lua new file: config/matugen/templates/niri-colors.kdl new file: config/matugen/templates/nvim-colors.vim new file: config/matugen/templates/obsidian.css new file: config/matugen/templates/opencode-colors.json new file: config/matugen/templates/prismlauncher.json new file: config/matugen/templates/pywalfox-colors.json new file: config/matugen/templates/qtct-colors.conf new file: config/matugen/templates/quickshell.json new file: config/matugen/templates/quickshell.qml new file: config/matugen/templates/rmpc/nix-hm-example/README.md new file: config/matugen/templates/rmpc/nix-hm-example/matugen/default.nix new file: config/matugen/templates/rmpc/nix-hm-example/matugen/templates/cava.ini new file: config/matugen/templates/rmpc/nix-hm-example/matugen/templates/rmpc.ron new file: config/matugen/templates/rmpc/rmpc.ron new file: config/matugen/templates/rofi-colors.rasi new file: config/matugen/templates/spicetify.ini new file: config/matugen/templates/starship-colors.toml new file: config/matugen/templates/steam.css new file: config/matugen/templates/sway-colors.conf new file: config/matugen/templates/swaync-colors.css new file: config/matugen/templates/swayosd.css new file: config/matugen/templates/telegram-background-solid.svg new file: config/matugen/templates/telegram.tdesktop-theme new file: config/matugen/templates/telegram.tdesktop-theme.bak new file: config/matugen/templates/television.toml new file: config/matugen/templates/terminal-sequences new file: config/matugen/templates/tmux-colors.conf new file: config/matugen/templates/vivaldi.css new file: config/matugen/templates/walker.css new file: config/matugen/templates/wezterm_theme.toml new file: config/matugen/templates/windows_term.json new file: config/matugen/templates/windows_term_post.ps1 new file: config/matugen/templates/wine.reg new file: config/matugen/templates/yazi-theme.toml new file: config/matugen/templates/zathura-colors new file: config/matugen/templates/zed-colors.json new file: config/matugen/templates/zellij-theme.kdl.tera new file: config/matugen/templates/zen-userChrome.css new file: config/matugen/templates/zen-userContent.css new file: config/matugen/templates/zen.css modified: config/mimeapps.list modified: config/niri/binds.kdl new file: config/niri/clipse.sh new file: config/niri/colors.kdl modified: config/niri/config.kdl deleted: config/niri/dms/alttab.kdl deleted: config/niri/dms/binds.kdl deleted: config/niri/dms/colors.kdl deleted: config/niri/dms/cursor.kdl deleted: config/niri/dms/layout.kdl deleted: config/niri/dms/outputs.kdl deleted: config/niri/dms/profiles/profile_1776211496314_g03e3q.kdl deleted: config/niri/dms/wpblur.kdl modified: config/niri/layer-rule.kdl modified: config/niri/layout.kdl new file: config/niri/scripts/ocr.sh modified: config/niri/spawn-at-startup.kdl modified: config/niri/window-rule.kdl new file: config/nvim/colors/matugen.vim modified: config/nvim/init.lua modified: config/nvim/lazy-lock.json new file: config/nvim/lua/matugen.lua new file: config/nvim/lua/plugins/base16-nvim.lua renamed: config/nvim/lua/plugins/render-markdown.lua -> config/nvim/lua/plugins/render-markdown.lua.bak new file: config/nvim/lua/plugins/themery.lua new file: config/nvim/lua/plugins/zk-nvim.lua new file: config/rmpc/themes/matugen.ron new file: config/rudo/all-style.css new file: config/rudo/pins.json new file: config/rudo/settings.json new file: config/rudo/style.css new file: config/scripts/niri/ru.png new file: config/scripts/niri/us.png modified: config/starship.toml new file: config/stasis/stasis.rune new file: config/swaync/colors.css deleted: config/swaync/config_1.json modified: config/swaync/style.css deleted: config/swaync/style_1.css new file: config/swayosd/colors.css modified: config/swayosd/style.css new file: config/telegram/matugen.tdesktop-theme new file: config/telegram/matugen/background.jpg new file: config/telegram/matugen/background.svg new file: config/telegram/matugen/colors.tdesktop-theme deleted: config/termusic/tui.toml new file: config/tmux/colors.conf modified: config/tmux/tmux.conf modified: config/walker/config.toml modified: config/walker/themes/default/layout.xml new file: config/walker/themes/matugen/colors.css new file: config/walker/themes/matugen/item.xml new file: config/walker/themes/matugen/item_actionsmenu.xml new file: config/walker/themes/matugen/item_archlinuxpkgs.xml new file: config/walker/themes/matugen/item_bookmarks.xml new file: config/walker/themes/matugen/item_calc.xml new file: config/walker/themes/matugen/item_clipboard.xml new file: config/walker/themes/matugen/item_dmenu.xml new file: config/walker/themes/matugen/item_dnfpackages.xml new file: config/walker/themes/matugen/item_files.xml new file: config/walker/themes/matugen/item_providerlist.xml new file: config/walker/themes/matugen/item_symbols.xml new file: config/walker/themes/matugen/item_symbols_grid.xml new file: config/walker/themes/matugen/item_todo.xml new file: config/walker/themes/matugen/item_unicode.xml new file: config/walker/themes/matugen/keybind.xml new file: config/walker/themes/matugen/layout.xml new file: config/walker/themes/matugen/preview.xml new file: config/walker/themes/matugen/style.css modified: config/walker/themes/zzz/layout.xml modified: config/walker/themes/zzz/style.css deleted: config/waybar/config.jsonc deleted: config/waybar/config01.jsonc deleted: config/waybar/style.css deleted: config/waybar/style01.css new file: config/yazi/theme.toml modified: config/zathura/zathurarc deleted: config/zram-generator.conf modified: copy.sh modified: local/share/hyprwave/style.css
This commit is contained in:
parent
d34dc71a44
commit
ff70920a08
231 changed files with 31057 additions and 8511 deletions
467
config/rudo/all-style.css
Normal file
467
config/rudo/all-style.css
Normal file
|
|
@ -0,0 +1,467 @@
|
|||
/* Rudo Example Themes - Comprehensive CSS Reference
|
||||
* =================================================
|
||||
*
|
||||
* Copy sections you want to use into ~/.config/rudo/style.css
|
||||
* All values shown are examples - customize colors, sizes, and effects to taste.
|
||||
*/
|
||||
|
||||
/* ============================================================
|
||||
* THEME 1: Glassmorphism (Modern translucent)
|
||||
* ============================================================ */
|
||||
|
||||
.dock-surface {
|
||||
padding: 10px 14px;
|
||||
border-radius: 24px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.18);
|
||||
background: rgba(255, 255, 255, 0.08);
|
||||
backdrop-filter: blur(20px);
|
||||
box-shadow:
|
||||
0 8px 32px rgba(0, 0, 0, 0.37),
|
||||
inset 0 1px 0 rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.dock-item,
|
||||
.picker-button {
|
||||
min-width: 48px;
|
||||
min-height: 48px;
|
||||
border-radius: 14px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
.dock-item:hover,
|
||||
.picker-button:hover {
|
||||
background: rgba(255, 255, 255, 0.15);
|
||||
border-color: rgba(255, 255, 255, 0.25);
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
.dock-item.is-active {
|
||||
background: rgba(120, 180, 255, 0.25);
|
||||
border-color: rgba(120, 180, 255, 0.5);
|
||||
box-shadow: 0 0 15px rgba(120, 180, 255, 0.3);
|
||||
}
|
||||
|
||||
.dock-indicator {
|
||||
min-width: 6px;
|
||||
min-height: 6px;
|
||||
border-radius: 999px;
|
||||
background: rgba(255, 255, 255, 0.4);
|
||||
}
|
||||
|
||||
.dock-indicator.is-active {
|
||||
min-width: 20px;
|
||||
background: linear-gradient(90deg, #7ec8e3, #a8d5e5);
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
* THEME 2: Minimal Dark (Clean & understated)
|
||||
* ============================================================ */
|
||||
|
||||
/*
|
||||
.dock-surface {
|
||||
padding: 6px 10px;
|
||||
border-radius: 12px;
|
||||
border: none;
|
||||
background: rgba(20, 20, 25, 0.85);
|
||||
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.dock-item,
|
||||
.picker-button {
|
||||
min-width: 40px;
|
||||
min-height: 40px;
|
||||
border-radius: 8px;
|
||||
border: none;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.dock-item:hover,
|
||||
.picker-button:hover {
|
||||
background: rgba(255, 255, 255, 0.06);
|
||||
}
|
||||
|
||||
.dock-item.is-active {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.dock-indicator {
|
||||
min-width: 4px;
|
||||
min-height: 4px;
|
||||
background: #888;
|
||||
}
|
||||
|
||||
.dock-indicator.is-active {
|
||||
min-width: 16px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.dock-separator {
|
||||
margin: 0 6px;
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
*/
|
||||
|
||||
/* ============================================================
|
||||
* THEME 3: Neon Cyberpunk (Vibrant & colorful)
|
||||
* ============================================================ */
|
||||
|
||||
/*
|
||||
.dock-surface {
|
||||
padding: 12px 16px;
|
||||
border-radius: 20px;
|
||||
border: 1px solid rgba(0, 255, 255, 0.3);
|
||||
background: rgba(10, 10, 20, 0.95);
|
||||
box-shadow:
|
||||
0 0 30px rgba(0, 255, 255, 0.2),
|
||||
inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.dock-item,
|
||||
.picker-button {
|
||||
min-width: 50px;
|
||||
min-height: 50px;
|
||||
border-radius: 16px;
|
||||
border: 1px solid rgba(255, 0, 255, 0.2);
|
||||
background: rgba(255, 0, 255, 0.05);
|
||||
}
|
||||
|
||||
.dock-item:hover,
|
||||
.picker-button:hover {
|
||||
border-color: rgba(255, 0, 255, 0.5);
|
||||
background: rgba(255, 0, 255, 0.15);
|
||||
box-shadow: 0 0 20px rgba(255, 0, 255, 0.3);
|
||||
}
|
||||
|
||||
.dock-item.is-active {
|
||||
border-color: rgba(0, 255, 255, 0.6);
|
||||
background: rgba(0, 255, 255, 0.15);
|
||||
box-shadow: 0 0 25px rgba(0, 255, 255, 0.4);
|
||||
}
|
||||
|
||||
.dock-item.is-running {
|
||||
border-color: rgba(255, 165, 0, 0.3);
|
||||
}
|
||||
|
||||
.dock-indicator {
|
||||
background: #ff00ff;
|
||||
box-shadow: 0 0 10px #ff00ff;
|
||||
}
|
||||
|
||||
.dock-indicator.is-active {
|
||||
background: #00ffff;
|
||||
box-shadow: 0 0 15px #00ffff;
|
||||
}
|
||||
|
||||
.launch-spinner {
|
||||
color: #ff00ff;
|
||||
}
|
||||
*/
|
||||
|
||||
/* ============================================================
|
||||
* THEME 4: macOS-style (Familiar & polished)
|
||||
* ============================================================ */
|
||||
|
||||
/*
|
||||
.dock-surface {
|
||||
padding: 8px 12px;
|
||||
border-radius: 18px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.15);
|
||||
background: rgba(30, 30, 35, 0.75);
|
||||
backdrop-filter: blur(25px) saturate(180%);
|
||||
box-shadow:
|
||||
0 10px 40px rgba(0, 0, 0, 0.4),
|
||||
0 1px 0 rgba(255, 255, 255, 0.1) inset;
|
||||
}
|
||||
|
||||
.dock-item,
|
||||
.picker-button {
|
||||
min-width: 46px;
|
||||
min-height: 46px;
|
||||
border-radius: 12px;
|
||||
border: none;
|
||||
background: transparent;
|
||||
transition: transform 0.15s ease;
|
||||
}
|
||||
|
||||
.dock-item:hover,
|
||||
.picker-button:hover {
|
||||
background: rgba(255, 255, 255, 0.08);
|
||||
transform: translateY(-3px);
|
||||
}
|
||||
|
||||
.dock-item.is-active {
|
||||
background: rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
|
||||
.dock-item.is-running {
|
||||
border-color: rgba(255, 165, 0, 0.3);
|
||||
}
|
||||
|
||||
.dock-indicator {
|
||||
min-width: 4px;
|
||||
min-height: 4px;
|
||||
background: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
|
||||
.dock-indicator.is-active {
|
||||
min-width: 18px;
|
||||
background: linear-gradient(90deg, #60a5fa, #3b82f6);
|
||||
}
|
||||
*/
|
||||
|
||||
/* ============================================================
|
||||
* THEME 5: High Contrast (Accessibility focused)
|
||||
* ============================================================ */
|
||||
|
||||
/*
|
||||
.dock-surface {
|
||||
padding: 10px 14px;
|
||||
border-radius: 8px;
|
||||
border: 2px solid #000;
|
||||
background: #fff;
|
||||
box-shadow: 0 4px 0 #000;
|
||||
}
|
||||
|
||||
.dock-item,
|
||||
.picker-button {
|
||||
min-width: 48px;
|
||||
min-height: 48px;
|
||||
border-radius: 6px;
|
||||
border: 2px solid #000;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.dock-item:hover,
|
||||
.picker-button:hover {
|
||||
background: #000;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.dock-item.is-active {
|
||||
background: #0066cc;
|
||||
border-color: #000;
|
||||
}
|
||||
|
||||
.dock-indicator {
|
||||
min-width: 8px;
|
||||
min-height: 8px;
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.dock-indicator.is-active {
|
||||
min-width: 24px;
|
||||
background: #0066cc;
|
||||
}
|
||||
|
||||
.dock-hover-strip {
|
||||
background: #000;
|
||||
border-radius: 4px;
|
||||
}
|
||||
*/
|
||||
|
||||
/* ============================================================
|
||||
* PICKER POPUP STYLING (applies to all themes)
|
||||
* ============================================================ */
|
||||
|
||||
.picker {
|
||||
padding: 16px;
|
||||
background: rgba(30, 30, 35, 0.98);
|
||||
border-radius: 16px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.picker-row {
|
||||
padding: 12px 16px;
|
||||
border-radius: 12px;
|
||||
border: 1px solid transparent;
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
transition: all 0.15s ease;
|
||||
}
|
||||
|
||||
.picker-row:hover {
|
||||
background: rgba(255, 255, 255, 0.08);
|
||||
border-color: rgba(255, 255, 255, 0.15);
|
||||
}
|
||||
|
||||
.picker-row-title {
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.picker-row-subtitle {
|
||||
font-size: 12px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.picker-empty {
|
||||
padding: 40px;
|
||||
font-size: 14px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
* CONTEXT MENU STYLING
|
||||
* ============================================================ */
|
||||
|
||||
.item-menu {
|
||||
padding: 12px;
|
||||
background: rgba(30, 30, 35, 0.98);
|
||||
border-radius: 12px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
min-width: 200px;
|
||||
}
|
||||
|
||||
.item-menu-title {
|
||||
font-weight: 700;
|
||||
font-size: 15px;
|
||||
padding: 4px 8px;
|
||||
}
|
||||
|
||||
.item-menu-subtitle {
|
||||
font-size: 12px;
|
||||
opacity: 0.5;
|
||||
padding: 0 8px 8px;
|
||||
}
|
||||
|
||||
.item-menu-section {
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
opacity: 0.4;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.item-menu button {
|
||||
padding: 8px 12px;
|
||||
border-radius: 8px;
|
||||
border: none;
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
margin: 2px 0;
|
||||
}
|
||||
|
||||
.item-menu button:hover {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.item-menu button.is-active {
|
||||
background: rgba(120, 180, 255, 0.2);
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
* ADVANCED: Animations & Transitions
|
||||
* ============================================================ */
|
||||
|
||||
/* Smooth reveal animation */
|
||||
.dock-surface {
|
||||
animation: dock-appear 0.3s ease-out;
|
||||
}
|
||||
|
||||
@keyframes dock-appear {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(20px) scale(0.95);
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0) scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
/* Bounce effect on launch */
|
||||
.dock-item.is-launching {
|
||||
animation: launching-pulse 1s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@keyframes launching-pulse {
|
||||
|
||||
0%,
|
||||
100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
50% {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
}
|
||||
|
||||
/* Glow effect for active items */
|
||||
.dock-item.is-active {
|
||||
background: rgba(120, 180, 255, 0.25);
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
* UTILITY: Hide elements
|
||||
* ============================================================ */
|
||||
|
||||
/* Hide the pin button completely (alternative to settings.json) */
|
||||
/*
|
||||
.picker-button {
|
||||
display: none;
|
||||
}
|
||||
*/
|
||||
|
||||
/* Hide separators */
|
||||
/*
|
||||
.dock-separator {
|
||||
display: none;
|
||||
}
|
||||
*/
|
||||
|
||||
/* Hide hover strip (if autohide is on but you want invisible trigger) */
|
||||
/*
|
||||
.dock-hover-strip {
|
||||
background: transparent;
|
||||
}
|
||||
*/
|
||||
|
||||
/* ============================================================
|
||||
* INDIVIDUAL ELEMENT REFERENCE
|
||||
* ============================================================
|
||||
|
||||
Available CSS Classes:
|
||||
----------------------
|
||||
- .rudo-window - Main window container
|
||||
- .dock-surface - The dock bar itself
|
||||
- .dock-item - App icons/buttons
|
||||
- .picker-button - "Pin an application" button
|
||||
- .dock-indicator - Dot below icons
|
||||
- .dock-separator - Line between pinned/running
|
||||
- .dock-hover-strip - Hover area for autohide
|
||||
- .is-active - Modifier: active window
|
||||
- .is-running - Modifier: has open windows
|
||||
- .is-launching - Modifier: app is launching
|
||||
- .is-drop-target - Modifier: drag hover state
|
||||
- .launch-spinner - Loading spinner
|
||||
- .picker - App picker popup container
|
||||
- .picker-row - Picker list items
|
||||
- .picker-row-title - App name in picker
|
||||
- .picker-row-subtitle - App ID in picker
|
||||
- .picker-empty - No results message
|
||||
- .item-menu - Right-click context menu
|
||||
- .item-menu-title - App name in menu
|
||||
- .item-menu-subtitle - App ID in menu
|
||||
- .item-menu-section - "Windows" header in menu
|
||||
|
||||
Tips:
|
||||
-----
|
||||
1. Use browser DevTools (GTK Inspector) to debug live:
|
||||
GTK_DEBUG=interactive rudo
|
||||
|
||||
2. Changes to style.css are detected every 700ms and reload automatically
|
||||
|
||||
3. Combine multiple themes by uncommenting sections or mixing properties
|
||||
|
||||
4. RGBA format for transparency: rgba(R, G, B, 0.0-1.0)
|
||||
Example: rgba(255, 100, 50, 0.8) = orange at 80% opacity
|
||||
|
||||
5. Common effects:
|
||||
- backdrop-filter: blur(20px) // Glass effect (requires compositor)
|
||||
- box-shadow: 0 4px 20px rgba(0,0,0,0.3) // Soft shadow
|
||||
- transition: all 0.2s ease // Smooth animations
|
||||
- transform: scale(1.1) // Grow effect
|
||||
|
||||
*/
|
||||
3
config/rudo/pins.json
Normal file
3
config/rudo/pins.json
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
{
|
||||
"pins": []
|
||||
}
|
||||
41
config/rudo/settings.json
Normal file
41
config/rudo/settings.json
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
{
|
||||
"autohide": {
|
||||
"enabled": true,
|
||||
"delay_secs": 2
|
||||
},
|
||||
"show_pin_button": false,
|
||||
"icon_size": 24,
|
||||
"position": "bottom",
|
||||
"animation_duration_ms": 200,
|
||||
"menu": {
|
||||
"enabled": false,
|
||||
"icon": "system-lock-screen-symbolic",
|
||||
"position": "end",
|
||||
"items": [
|
||||
{
|
||||
"label": "Lock",
|
||||
"icon": "system-lock-screen-symbolic",
|
||||
"command": "swaylock -f",
|
||||
"confirm": false
|
||||
},
|
||||
{
|
||||
"label": "Logout",
|
||||
"icon": "system-log-out-symbolic",
|
||||
"command": "loginctl terminate-user $USER",
|
||||
"confirm": true
|
||||
},
|
||||
{
|
||||
"label": "Restart",
|
||||
"icon": "system-restart-symbolic",
|
||||
"command": "systemctl reboot",
|
||||
"confirm": true
|
||||
},
|
||||
{
|
||||
"label": "Shutdown",
|
||||
"icon": "system-shutdown-symbolic",
|
||||
"command": "systemctl poweroff",
|
||||
"confirm": true
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
257
config/rudo/style.css
Normal file
257
config/rudo/style.css
Normal file
|
|
@ -0,0 +1,257 @@
|
|||
.dock-surface {
|
||||
padding: 10px 14px;
|
||||
border-radius: 12px;
|
||||
border: none;
|
||||
background: #07090b;
|
||||
/*backdrop-filter: blur(20px);*/
|
||||
/*box-shadow:
|
||||
0 8px 32px rgba(0, 0, 0, 0.37),
|
||||
inset 0 1px 0 rgba(255, 255, 255, 0.2);
|
||||
*/
|
||||
}
|
||||
|
||||
.dock-item,
|
||||
.picker-button {
|
||||
min-width: 48px;
|
||||
min-height: 48px;
|
||||
border-radius: 14px;
|
||||
border: 0px solid rgba(255, 255, 255, 1);
|
||||
background: #343849;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
.dock-item:hover,
|
||||
.picker-button:hover {
|
||||
background: #1f2830;
|
||||
border-color: rgba(255, 255, 255, 0.25);
|
||||
transform: scale(1.05);
|
||||
border-radius: 14px;
|
||||
|
||||
}
|
||||
|
||||
.dock-item.is-active {
|
||||
background: #00fed4;
|
||||
border-color: #00fed4;
|
||||
/*box-shadow: 0 0 15px rgba(120, 180, 255, 0.3);
|
||||
*/
|
||||
}
|
||||
|
||||
.dock-indicator {
|
||||
min-width: 6px;
|
||||
min-height: 6px;
|
||||
border-radius: 999px;
|
||||
background: #1f2830;
|
||||
}
|
||||
|
||||
.dock-indicator.is-active {
|
||||
min-width: 20px;
|
||||
background: #00fed4;
|
||||
/*linear-gradient(90deg, #7ec8e3, #a8d5e5);*/
|
||||
}
|
||||
|
||||
|
||||
/* ============================================================
|
||||
* PICKER POPUP STYLING (applies to all themes)
|
||||
* ============================================================ */
|
||||
|
||||
.picker {
|
||||
padding: 16px;
|
||||
background: rgba(30, 30, 35, 0.9);
|
||||
border-radius: 16px;
|
||||
border: 0px solid rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.picker-row {
|
||||
padding: 12px 16px;
|
||||
border-radius: 12px;
|
||||
border: 1px solid transparent;
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
transition: all 0.15s ease;
|
||||
}
|
||||
|
||||
.picker-row:hover {
|
||||
background: rgba(255, 255, 255, 0.08);
|
||||
border-color: rgba(255, 255, 255, 0.15);
|
||||
}
|
||||
|
||||
.picker-row-title {
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.picker-row-subtitle {
|
||||
font-size: 12px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.picker-empty {
|
||||
padding: 40px;
|
||||
font-size: 14px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
* CONTEXT MENU STYLING
|
||||
* ============================================================ */
|
||||
|
||||
.item-menu {
|
||||
padding: 12px;
|
||||
background: #1f2830;
|
||||
border-radius: 12px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
min-width: 200px;
|
||||
}
|
||||
|
||||
.item-menu-title {
|
||||
font-weight: 700;
|
||||
font-size: 15px;
|
||||
padding: 4px 8px;
|
||||
}
|
||||
|
||||
.item-menu-subtitle {
|
||||
font-size: 12px;
|
||||
opacity: 0.5;
|
||||
padding: 0 8px 8px;
|
||||
}
|
||||
|
||||
.item-menu-section {
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
opacity: 0.4;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.item-menu button {
|
||||
padding: 8px 12px;
|
||||
border-radius: 8px;
|
||||
border: none;
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
margin: 2px 0;
|
||||
}
|
||||
|
||||
.item-menu button:hover {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.item-menu button.is-active {
|
||||
background: rgba(120, 180, 255, 0.2);
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
* ADVANCED: Animations & Transitions
|
||||
* ============================================================ */
|
||||
|
||||
/* Smooth reveal animation */
|
||||
.dock-surface {
|
||||
animation: dock-appear 0.2s spring;
|
||||
}
|
||||
|
||||
@keyframes dock-appear {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(20px) scale(0.95);
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0) scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
/* Bounce effect on launch */
|
||||
.dock-item.is-launching {
|
||||
animation: launching-pulse 1s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@keyframes launching-pulse {
|
||||
|
||||
0%,
|
||||
100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
50% {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
}
|
||||
|
||||
/* Glow effect for active items */
|
||||
.dock-item.is-active {
|
||||
background: #1f2830;
|
||||
}
|
||||
|
||||
|
||||
/* ============================================================
|
||||
* UTILITY: Hide elements
|
||||
* ============================================================ */
|
||||
|
||||
/* Hide the pin button completely (alternative to settings.json) */
|
||||
/*
|
||||
.picker-button {
|
||||
display: none;
|
||||
}
|
||||
*/
|
||||
|
||||
/* Hide separators */
|
||||
/*
|
||||
.dock-separator {
|
||||
display: none;
|
||||
}
|
||||
*/
|
||||
|
||||
/* Hide hover strip (if autohide is on but you want invisible trigger) */
|
||||
/*
|
||||
.dock-hover-strip {
|
||||
background: transparent;
|
||||
}
|
||||
*/
|
||||
|
||||
/* ============================================================
|
||||
* INDIVIDUAL ELEMENT REFERENCE
|
||||
* ============================================================
|
||||
|
||||
Available CSS Classes:
|
||||
----------------------
|
||||
- .rudo-window - Main window container
|
||||
- .dock-surface - The dock bar itself
|
||||
- .dock-item - App icons/buttons
|
||||
- .picker-button - "Pin an application" button
|
||||
- .dock-indicator - Dot below icons
|
||||
- .dock-separator - Line between pinned/running
|
||||
- .dock-hover-strip - Hover area for autohide
|
||||
- .is-active - Modifier: active window
|
||||
- .is-running - Modifier: has open windows
|
||||
- .is-launching - Modifier: app is launching
|
||||
- .is-drop-target - Modifier: drag hover state
|
||||
- .launch-spinner - Loading spinner
|
||||
- .picker - App picker popup container
|
||||
- .picker-row - Picker list items
|
||||
- .picker-row-title - App name in picker
|
||||
- .picker-row-subtitle - App ID in picker
|
||||
- .picker-empty - No results message
|
||||
- .item-menu - Right-click context menu
|
||||
- .item-menu-title - App name in menu
|
||||
- .item-menu-subtitle - App ID in menu
|
||||
- .item-menu-section - "Windows" header in menu
|
||||
|
||||
Tips:
|
||||
-----
|
||||
1. Use browser DevTools (GTK Inspector) to debug live:
|
||||
GTK_DEBUG=interactive rudo
|
||||
|
||||
2. Changes to style.css are detected every 700ms and reload automatically
|
||||
|
||||
3. Combine multiple themes by uncommenting sections or mixing properties
|
||||
|
||||
4. RGBA format for transparency: rgba(R, G, B, 0.0-1.0)
|
||||
Example: rgba(255, 100, 50, 0.8) = orange at 80% opacity
|
||||
|
||||
5. Common effects:
|
||||
- backdrop-filter: blur(20px) // Glass effect (requires compositor)
|
||||
- box-shadow: 0 4px 20px rgba(0,0,0,0.3) // Soft shadow
|
||||
- transition: all 0.2s ease // Smooth animations
|
||||
- transform: scale(1.1) // Grow effect
|
||||
|
||||
*/
|
||||
Loading…
Add table
Add a link
Reference in a new issue