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

update dark blue theme

Browse source
This commit is contained in:
Alexander Mohr 2025-06-11 21:25:55 +02:00
parent 7d958ffddb
commit 1e3446bac3
3 changed files with 17 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
examples/worf-warden/Readme.md
View file

@ -1,12 +1,11 @@
# Worf Warden # Worf Warden
Simple password manager build upon these additional tools aside worf Simple password manager build upon these additional tools aside worf
* [rbw](https://github.com/doy/rbw) * [rbw](https://github.com/doy/rbw)
* TOTP needs [this PR ](https://github.com/doy/rbw/pull/247)
* [pinentry](https://www.gnupg.org/related_software/pinentry/index.en.html) is required to show a dialog show password entry * [pinentry](https://www.gnupg.org/related_software/pinentry/index.en.html) is required to show a dialog show password entry
* As worf warden * As worf warden
* [ydotool](https://github.com/ReimuNotMoe/ydotool) * [ydotool](https://github.com/ReimuNotMoe/ydotool)
The idea it taken from https://github.com/mattydebie/bitwarden-rofi/blob/master/bwmenu The idea it taken from https://github.com/mattydebie/bitwarden-rofi/blob/master/bwmenu
<img src="images/worf-warden.png"> ![example](../images/worf-warden.png)

BIN
styles/DarkBlue/example.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 219 KiB

After

Width:  |  Height:  |  Size: 242 KiB

41
styles/DarkBlue/style.css
View file

@ -1,15 +1,3 @@
:root {
--md-primary-dark: rgba(39, 37, 164, 0.5);
--md-on-primary: rgba(255, 255, 255, 1);
--md-surface: rgba(18, 18, 18, 1);
--md-surface-variant: rgba(26, 26, 26, 0.5);
--md-outline: rgba(39, 37, 164, 1);
--md-hover: rgba(56, 56, 56, 0.7);
--md-entry-bg: rgba(38, 38, 38, 0.3);
--md-label-bg: rgba(42, 42, 42, 0.5);
}
* { * {
font-family: "Inter", "Segoe UI", sans-serif; font-family: "Inter", "Segoe UI", sans-serif;
transition: all 250ms ease; transition: all 250ms ease;
@ -19,18 +7,18 @@
} }
body { body {
background-color: var(--md-surface); background-color: rgba(18, 18, 18, 1);
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
#background { #background {
background-color: var(--md-surface-variant); background-color: rgba(26, 26, 26, 0.5);
} }
#window { #window {
all: unset; all: unset;
background-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5);
border-radius: 16px; border-radius: 16px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
padding: 1rem; padding: 1rem;
@ -43,9 +31,9 @@ body {
} }
#window #outer-box #input { #window #outer-box #input {
background-color: var(--md-label-bg); background-color: rgba(42, 42, 42, 0.5);
color: #f0f0f0; color: #f0f0f0;
border: 1px solid var(--md-outline); border: 3px solid rgb(26, 35, 126);
border-radius: 10px; border-radius: 10px;
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
margin-bottom: 1rem; margin-bottom: 1rem;
@ -57,20 +45,20 @@ body {
#window #outer-box #input:focus-visible, #window #outer-box #input:focus-visible,
#window #outer-box #input:active { #window #outer-box #input:active {
background-color: #2d2d2d; background-color: #2d2d2d;
border: 1px solid var(--md-primary-dark); border: 1px solid rgba(26, 35, 126, 1);
box-shadow: 0 0 0 3px var(--md-focus); box-shadow: 0 0 0 3px rgba(26, 35, 126, 1);
outline: none; outline: none;
} }
#window #outer-box #scroll { #window #outer-box #scroll {
border-top: 1px solid var(--md-outline); border-top: 1px solid rgb(26, 35, 126);
padding-top: 0.5rem; padding-top: 0.5rem;
margin-top: 0.5rem; margin-top: 0.5rem;
} }
#window #outer-box #scroll #inner-box #entry { #window #outer-box #scroll #inner-box #entry {
color: #f5f5f5; color: #f5f5f5;
background-color: var(--md-entry-bg); background-color: rgba(38, 38, 38, 0.3);
padding: 0.7rem 1rem; padding: 0.7rem 1rem;
border-radius: 8px; border-radius: 8px;
margin-bottom: 0.4rem; margin-bottom: 0.4rem;
@ -81,12 +69,13 @@ body {
} }
#window #outer-box #scroll #inner-box #entry:hover { #window #outer-box #scroll #inner-box #entry:hover {
background-color: var(--md-hover); background-color: rgba(56, 56, 56, 0.7);
} }
#window #outer-box #scroll #inner-box #entry:selected { #window #outer-box #scroll #inner-box #entry:selected {
background-color: var(--md-primary-dark); background-color: rgba(26, 35, 126, 1);
color: var(--md-on-primary); color: rgba(255, 255, 255, 1);
outline: none;
} }
#window #outer-box #scroll #inner-box #entry #img { #window #outer-box #scroll #inner-box #entry #img {
@ -102,7 +91,7 @@ body {
} }
#custom-key-label-box { #custom-key-label-box {
background-color: var(--md-label-bg); background-color: rgba(42, 42, 42, 0.5);
border-radius: 8px; border-radius: 8px;
padding: 0.5em 1em; padding: 0.5em 1em;
margin: 0.5em 0 0.5em 0.5em; margin: 0.5em 0 0.5em 0.5em;
@ -117,4 +106,4 @@ body {
margin-left: 0.75em; margin-left: 0.75em;
opacity: 0.6; opacity: 0.6;
font-size: 0.95rem; font-size: 0.95rem;
} }