pogmommy/worf
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix blurred background, fix launcher theme

Browse source
This commit is contained in:
Alexander Mohr 2025-06-26 11:51:46 +02:00
parent ed27190bd7
commit d6e3d91c5c
2 changed files with 24 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

53
styles/launcher/style.css
View file

@ -1,24 +1,12 @@
:root {
--bg-blur: rgba(33, 33, 33, 0.6);
--entry-hover: rgba(255, 255, 255, 0.08);
--entry-selected: rgba(214, 174, 0, 0.2);
--search-bg: rgba(32, 32, 32, 0.6);
--search-border: rgba(214, 174, 0, 1);
--text-color: #f2f2f2;
--font: 'DejaVu Sans', 'Segoe UI', sans-serif;
--transition: 0.2s ease;
}
/* General Reset */ /* General Reset */
* { * {
font-family: var(--font); font-family: 'DejaVu Sans', 'Segoe UI', sans-serif;
box-sizing: border-box; box-sizing: border-box;
outline: none; outline: none;
background-color: transparent;
} }
#background { #background {
background-color: rgba(33, 33, 33, 0.1);
backdrop-filter: blur(12px);
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
overflow-y: auto; overflow-y: auto;
@ -26,6 +14,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
background-color: rgba(32, 32, 32, 0.5);
} }
#window { #window {
@ -35,7 +24,6 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
width: 100%; width: 100%;
max-width: 1200px;
margin: 2em 15em 5em; margin: 2em 15em 5em;
} }
@ -53,9 +41,9 @@
/* Search input styling */ /* Search input styling */
#input { #input {
background-color: var(--search-bg); background-color: rgba(32, 32, 32, 0.6);
color: var(--text-color); color: #f2f2f2;
border-bottom: 2px solid var(--search-border); border-bottom: 2px solid rgba(39, 37, 164, 1);
padding: 0.8rem 1rem; padding: 0.8rem 1rem;
font-size: 1rem; font-size: 1rem;
border-radius: 6px; border-radius: 6px;
@ -64,38 +52,31 @@
margin: 2em 25em 5em; margin: 2em 25em 5em;
} }
#input:focus,
#input:focus-visible,
#input:active {
all: unset;
background-color: var(--search-bg);
color: var(--text-color);
border-bottom: 2px solid rgba(214, 174, 2, 1);
font-size: 1rem;
}
/* Entry styling */ /* Entry styling */
#scroll #inner-box #entry { #scroll #inner-box #entry {
color: #fff; color: #fff;
background-color: rgba(32, 32, 32, 0); background-color: transparent;
padding: 1rem; padding: 1rem;
margin: 1rem; margin: 2em;
margin-bottom: 6em;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
text-align: center; text-align: center;
transition: background-color var(--transition), transform var(--transition); transition: background-color 0.2s ease, transform 0.2s ease;
}
#window #outer-box #scroll #inner-box {
background-color: transparent;
} }
#entry:hover { #entry:hover {
background-color: rgba(255, 255, 255, 1); background-color: transparent;
transform: scale(1.3); transform: scale(1.3);
} }
#entry:selected { #entry:selected {
color: #fff; border-bottom: 3px solid rgba(39, 37, 164, 1);
background-color: var(--entry-selected);
border-bottom: 3px solid var(--search-border);
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
} }
@ -120,4 +101,4 @@
background-color: transparent; background-color: transparent;
outline: inherit; outline: inherit;
border-width: 0; border-width: 0;
} }

7
worf/src/lib/gui.rs
View file

@ -1294,6 +1294,13 @@ fn window_show_resize<T: Clone + 'static>(config: &Config, ui: &Rc<UiElements<T>
return; return;
}; };
if !config.blurred_background_fullscreen() {
if let Some(background) = &ui.background {
background.set_height_request(geometry.height());
background.set_width_request(geometry.width());
}
}
// Calculate target width from config, return early if not set // Calculate target width from config, return early if not set
let Some(target_width) = percent_or_absolute(&config.width(), geometry.width()) else { let Some(target_width) = percent_or_absolute(&config.width(), geometry.width()) else {
log::error!("width is not set"); log::error!("width is not set");