mpuchstein/dotfiles
0
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

added walker rose-pine and reworked some waybar stuff

Browse Source
This commit is contained in:
Matthias Puchstein
2025-08-26 00:34:59 +02:00
parent 9b9dfd0b73
commit 1e660e8168
39 changed files with 2174 additions and 763 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
.config/walker/themes/rose-pine/item.xml Normal file
View File

@@ -0,0 +1,53 @@
<?xml version="1.0" encoding="UTF-8"?>
<interface>
<requires lib="gtk" version="4.0"></requires>
<object class="GtkBox" id="ItemBox">
<style>
<class name="item-box"></class>
</style>
<property name="orientation">horizontal</property>
<property name="spacing">0</property>
<child>
<object class="GtkImage" id="ItemImage">
<style>
<class name="item-image"></class>
</style>
<property name="icon-size">large</property>
</object>
</child>
<child>
<object class="GtkBox" id="ItemTextBox">
<style>
<class name="item-text-box"></class>
</style>
<property name="orientation">vertical</property>
<property name="vexpand">true</property>
<property name="vexpand-set">true</property>
<property name="spacing">0</property>
<child>
<object class="GtkLabel" id="ItemText">
<style>
<class name="item-text"></class>
</style>
<property name="wrap">false</property>
<property name="vexpand_set">true</property>
<property name="vexpand">true</property>
<property name="xalign">0</property>
</object>
</child>
<child>
<object class="GtkLabel" id="ItemSubtext">
<style>
<class name="item-subtext"></class>
</style>
<property name="wrap">false</property>
<property name="vexpand_set">true</property>
<property name="vexpand">true</property>
<property name="xalign">0</property>
<property name="yalign">0</property>
</object>
</child>
</object>
</child>
</object>
</interface>

53
.config/walker/themes/rose-pine/item_calc.xml Normal file
View File

@@ -0,0 +1,53 @@
<?xml version="1.0" encoding="UTF-8"?>
<interface>
<requires lib="gtk" version="4.0"></requires>
<object class="GtkBox" id="ItemBox">
<style>
<class name="item-box"></class>
</style>
<property name="orientation">horizontal</property>
<property name="spacing">0</property>
<child>
<object class="GtkImage" id="ItemImage">
<style>
<class name="item-image"></class>
</style>
<property name="pixel-size">48</property>
</object>
</child>
<child>
<object class="GtkBox" id="ItemTextBox">
<style>
<class name="item-text-box"></class>
</style>
<property name="orientation">vertical</property>
<property name="vexpand">true</property>
<property name="vexpand-set">true</property>
<property name="spacing">0</property>
<child>
<object class="GtkLabel" id="ItemText">
<style>
<class name="item-text"></class>
</style>
<property name="wrap">false</property>
<property name="vexpand_set">true</property>
<property name="vexpand">true</property>
<property name="xalign">0</property>
</object>
</child>
<child>
<object class="GtkLabel" id="ItemSubtext">
<style>
<class name="item-subtext"></class>
</style>
<property name="wrap">false</property>
<property name="vexpand_set">true</property>
<property name="vexpand">true</property>
<property name="xalign">0</property>
<property name="yalign">0</property>
</object>
</child>
</object>
</child>
</object>
</interface>

51
.config/walker/themes/rose-pine/item_clipboard.xml Normal file
View File

@@ -0,0 +1,51 @@
<?xml version="1.0" encoding="UTF-8"?>
<interface>
<requires lib="gtk" version="4.0"></requires>
<object class="GtkBox" id="ItemBox">
<style>
<class name="item-box"></class>
</style>
<property name="orientation">vertical</property>
<property name="spacing">0</property>
<child>
<object class="GtkPicture" id="ItemImage">
<style>
<class name="item-image"></class>
</style>
<property name="content-fit">cover</property>
<property name="height-request">100</property>
</object>
</child>
<child>
<object class="GtkBox" id="ItemTextBox">
<style>
<class name="item-text-box"></class>
</style>
<property name="orientation">vertical</property>
<property name="vexpand">true</property>
<property name="vexpand-set">true</property>
<property name="spacing">0</property>
<child>
<object class="GtkLabel" id="ItemText">
<style>
<class name="item-text"></class>
</style>
<property name="vexpand">true</property>
<property name="xalign">0</property>
<property name="lines">1</property>
<property name="ellipsize">3</property>
<property name="single-line-mode">true</property>
</object>
</child>
<child>
<object class="GtkLabel" id="ItemSubtext">
<style>
<class name="item-subtext"></class>
</style>
<property name="xalign">0</property>
</object>
</child>
</object>
</child>
</object>
</interface>

34
.config/walker/themes/rose-pine/item_dmenu.xml Normal file
View File

@@ -0,0 +1,34 @@
<?xml version="1.0" encoding="UTF-8"?>
<interface>
<requires lib="gtk" version="4.0"></requires>
<object class="GtkBox" id="ItemBox">
<style>
<class name="item-box"></class>
</style>
<property name="orientation">vertical</property>
<property name="spacing">0</property>
<child>
<object class="GtkBox" id="ItemTextBox">
<style>
<class name="item-text-box"></class>
</style>
<property name="orientation">vertical</property>
<property name="vexpand">true</property>
<property name="vexpand-set">true</property>
<property name="spacing">0</property>
<child>
<object class="GtkLabel" id="ItemText">
<style>
<class name="item-text"></class>
</style>
<property name="vexpand">true</property>
<property name="xalign">0</property>
<property name="lines">1</property>
<property name="ellipsize">3</property>
<property name="single-line-mode">true</property>
</object>
</child>
</object>
</child>
</object>
</interface>

42
.config/walker/themes/rose-pine/item_files.xml Normal file
View File

@@ -0,0 +1,42 @@
<?xml version="1.0" encoding="UTF-8"?>
<interface>
<requires lib="gtk" version="4.0"></requires>
<object class="GtkBox" id="ItemBox">
<style>
<class name="item-box"></class>
</style>
<property name="orientation">horizontal</property>
<property name="spacing">0</property>
<child>
<object class="GtkImage" id="ItemImage">
<style>
<class name="item-image"></class>
</style>
<property name="icon-size">large</property>
</object>
</child>
<child>
<object class="GtkBox" id="ItemTextBox">
<style>
<class name="item-text-box"></class>
</style>
<property name="orientation">vertical</property>
<property name="vexpand">true</property>
<property name="vexpand-set">true</property>
<property name="spacing">0</property>
<child>
<object class="GtkLabel" id="ItemText">
<style>
<class name="item-text"></class>
</style>
<property name="wrap">false</property>
<property name="vexpand_set">true</property>
<property name="vexpand">true</property>
<property name="xalign">0</property>
<property name="ellipsize">1</property>
</object>
</child>
</object>
</child>
</object>
</interface>

41
.config/walker/themes/rose-pine/item_providerlist.xml Normal file
View File

@@ -0,0 +1,41 @@
<?xml version="1.0" encoding="UTF-8"?>
<interface>
<requires lib="gtk" version="4.0"></requires>
<object class="GtkBox" id="ItemBox">
<style>
<class name="item-box"></class>
</style>
<property name="orientation">horizontal</property>
<property name="spacing">0</property>
<child>
<object class="GtkImage" id="ItemImage">
<style>
<class name="item-image"></class>
</style>
<property name="icon-size">large</property>
</object>
</child>
<child>
<object class="GtkBox" id="ItemTextBox">
<style>
<class name="item-text-box"></class>
</style>
<property name="orientation">vertical</property>
<property name="vexpand">true</property>
<property name="vexpand-set">true</property>
<property name="spacing">0</property>
<child>
<object class="GtkLabel" id="ItemText">
<style>
<class name="item-text"></class>
</style>
<property name="wrap">false</property>
<property name="vexpand_set">true</property>
<property name="vexpand">true</property>
<property name="xalign">0</property>
</object>
</child>
</object>
</child>
</object>
</interface>

40
.config/walker/themes/rose-pine/item_symbols.xml Normal file
View File

@@ -0,0 +1,40 @@
<?xml version="1.0" encoding="UTF-8"?>
<interface>
<requires lib="gtk" version="4.0"></requires>
<object class="GtkBox" id="ItemBox">
<style>
<class name="item-box"></class>
</style>
<property name="orientation">horizontal</property>
<property name="spacing">0</property>
<child>
<object class="GtkLabel" id="ItemImage">
<style>
<class name="item-image"></class>
</style>
</object>
</child>
<child>
<object class="GtkBox" id="ItemTextBox">
<style>
<class name="item-text-box"></class>
</style>
<property name="orientation">vertical</property>
<property name="vexpand">true</property>
<property name="vexpand-set">true</property>
<property name="spacing">0</property>
<child>
<object class="GtkLabel" id="ItemText">
<style>
<class name="item-text"></class>
</style>
<property name="wrap">false</property>
<property name="vexpand_set">true</property>
<property name="vexpand">true</property>
<property name="xalign">0</property>
</object>
</child>
</object>
</child>
</object>
</interface>

112
.config/walker/themes/rose-pine/layout.xml Normal file
View File

@@ -0,0 +1,112 @@
<?xml version="1.0" encoding="UTF-8"?>
<interface>
<requires lib="gtk" version="4.0"></requires>
<object class="GtkWindow" id="Window">
<style>
<class name="window"></class>
</style>
<property name="resizable">true</property>
<property name="title">Walker</property>
<child>
<object class="GtkBox" id="BoxWrapper">
<style>
<class name="box-wrapper"></class>
</style>
<property name="orientation">horizontal</property>
<property name="margin-top">300</property>
<property name="valign">start</property>
<property name="halign">center</property>
<child>
<object class="GtkBox" id="Box">
<style>
<class name="box"></class>
</style>
<property name="orientation">vertical</property>
<property name="hexpand-set">true</property>
<property name="hexpand">true</property>
<child>
<object class="GtkBox" id="SearchContainer">
<style>
<class name="search-container"></class>
</style>
<property name="orientation">horizontal</property>
<property name="halign">fill</property>
<property name="hexpand-set">true</property>
<property name="hexpand">true</property>
<child>
<object class="GtkEntry" id="Input">
<style>
<class name="input"></class>
</style>
<property name="halign">fill</property>
<property name="hexpand-set">true</property>
<property name="hexpand">true</property>
</object>
</child>
</object>
</child>
<child>
<object class="GtkBox" id="ContentContainer">
<style>
<class name="content-container"></class>
</style>
<property name="orientation">horizontal</property>
<child>
<object class="GtkLabel" id="Placeholder">
<style>
<class name="placeholder"></class>
</style>
<property name="label">No Results</property>
<property name="height-request">400</property>
<property name="width-request">500</property>
</object>
</child>
<child>
<object class="GtkScrolledWindow" id="Scroll">
<style>
<class name="scroll"></class>
</style>
<property name="can_focus">false</property>
<property name="overlay-scrolling">true</property>
<property name="max-content-width">500</property>
<property name="min-content-width">500</property>
<property name="max-content-height">400</property>
<property name="min-content-height">400</property>
<property name="propagate-natural-height">true</property>
<property name="propagate-natural-width">true</property>
<property name="hscrollbar-policy">automatic</property>
<property name="vscrollbar-policy">automatic</property>
<child>
<object class="GtkGridView" id="List">
<style>
<class name="list"></class>
</style>
<property name="max_columns">1</property>
<property name="can_focus">false</property>
</object>
</child>
</object>
</child>
<child>
<object class="GtkBox" id="Preview">
<style>
<class name="preview"></class>
</style>
</object>
</child>
</object>
</child>
<child>
<object class="GtkLabel" id="Keybinds">
<style>
<class name="keybind-hints"></class>
</style>
<property name="xalign">1</property>
</object>
</child>
</object>
</child>
</object>
</child>
</object>
</interface>

20
.config/walker/themes/rose-pine/preview.xml Normal file
View File

@@ -0,0 +1,20 @@
<?xml version="1.0" encoding="UTF-8"?>
<interface>
<requires lib="gtk" version="4.0"></requires>
<object class="GtkBox" id="PreviewBox">
<style>
<class name="preview-box"></class>
</style>
<property name="height-request">300</property>
<property name="width-request">500</property>
<child>
<object class="GtkStack" id="PreviewStack">
<style>
<class name="preview-stack"></class>
</style>
<property name="hexpand">true</property>
<property name="vexpand">true</property>
</object>
</child>
</object>
</interface>

200
.config/walker/themes/rose-pine/style.css Normal file
View File

@@ -0,0 +1,200 @@
/* ===================================================================
Rosé Pine for Walker — GTK4 CSS Theme
- Transparent fullscreen background with a floating panel.
- Authentic Rosé Pine palette colors.
- To use a different variant, uncomment its variable block
and comment out the active one.
=================================================================== */
:root {
/*
// Rosé Pine (Main) - Active by default
*/
--base: #191724;
--surface: #1f1d2e;
--overlay: #26233a;
--text: #e0def4;
--subtle: #908caa;
--muted: #6e6a86;
--love: #eb6f92;
--gold: #f6c177;
--rose: #ebbcba;
--pine: #31748f;
--foam: #9ccfd8;
--iris: #c4a7e7;
--hl-low: #21202e;
--hl-med: #403d52;
--hl-high: #524f67;
/*
// Rosé Pine Moon
--base: #232136;
--surface: #2a273f;
--overlay: #393552;
--text: #e0def4;
--subtle: #908caa;
--muted: #6e6a86;
--love: #eb6f92;
--gold: #f6c177;
--rose: #ea9a97;
--pine: #3e8fb0;
--foam: #9ccfd8;
--iris: #c4a7e7;
--hl-low: #2a283e;
--hl-med: #44415a;
--hl-high: #56526e;
*/
/*
// Rosé Pine Dawn
--base: #faf4ed;
--surface: #fffaf3;
--overlay: #f2e9e1;
--text: #575279;
--subtle: #797593;
--muted: #9893a5;
--love: #b4637a;
--gold: #ea9d34;
--rose: #d7827e;
--pine: #286983;
--foam: #56949f;
--iris: #907aa9;
--hl-low: #f2e9e1;
--hl-med: #e6dccf;
--hl-high: #dcd3c9;
*/
}
/* ===================================================================
Global Styles & Window
=================================================================== */
* {
transition: all 120ms ease-out;
}
/* Make the main window transparent so only the panel is visible */
window,
window.background {
background: transparent;
}
/* ===================================================================
Layout (Based on your provided style.css)
=================================================================== */
scrollbar {
opacity: 0;
}
/* The main launcher panel */
.box-wrapper {
/* Panel uses the Rosé Pine 'base' color, slightly transparent for the Hyprland bug */
background: color-mix(in srgb, var(--base) 97%, transparent);
border: 1px solid var(--hl-high);
border-radius: 14px;
/* A softer, color-matched shadow */
box-shadow: 0 10px 30px -5px color-mix(in srgb, var(--base) 50%, transparent);
}
/* The search bar and results list share the panel's base color */
.search-container,
.list,
.content-container {
background: transparent;
}
/* The search input field itself uses the 'surface' color for a subtle depth effect */
.input {
background: var(--surface);
color: var(--text);
font-size: 20px;
padding: 12px;
border-radius: 8px;
border: 1px solid var(--hl-med);
box-shadow: none;
outline: none;
}
.input:focus,
.input:active {
border-color: var(--iris);
box-shadow: 0 0 0 3px color-mix(in srgb, var(--iris) 25%, transparent);
}
.input placeholder {
color: var(--muted);
opacity: 1;
}
/* The preview panel also uses the 'surface' color */
.preview-box,
.preview {
background: var(--surface);
color: var(--text);
border-top: 1px solid var(--hl-med);
}
/* The keybinds hint bar at the bottom */
.keybind-hints {
background: var(--hl-low);
color: var(--subtle);
font-size: 14px;
padding: 10px;
opacity: 1;
border-top: 1px solid var(--hl-med);
}
/* ===================================================================
Result Items
=================================================================== */
/* Reset item spacing */
child,
child > * {
padding: 0;
margin: 0;
}
.item-box {
padding: 10px;
border-radius: 8px;
border: 1px solid transparent; /* for smooth transitions */
}
/* Selected item styling */
.item-box:hover,
.item-box::selected {
background: var(--hl-med);
}
/* Unset the default text box styling to allow our own */
.item-text-box {
all: unset;
}
.item-text {
color: var(--text);
font-weight: bold;
}
.item-subtext {
color: var(--subtle);
font-size: 12px;
opacity: 1;
}
.item-image {
color: var(--subtle);
}
/* Specific item types */
.calc .item-text {
font-size: 24px;
color: var(--foam);
}
.symbols .item-image {
font-size: 18px;
color: var(--rose);
}