Price/dots
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(wofi): overhaul styling

Browse Source
This commit is contained in:
Price Hiller 2024-01-25 16:33:47 -06:00
parent f1f80b4602
commit 113498215f
Signed by: Price
SSH Key Fingerprint: SHA256:Y4S9ZzYphRn1W1kbJerJFO6GGsfu9O70VaBSxJO7dF8
1 changed files with 16 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
dots/.config/wofi/style.css
View File

@ -51,23 +51,23 @@ window {
#input { #input {
padding: 4px; padding: 4px;
margin: 20px; margin: 20px;
font-size: 16px;
padding-left: 20px; padding-left: 20px;
border: none; border: none;
font-weight: bold; font-weight: bold;
background: linear-gradient(90deg, #957fb8 0%, #d27e99 100%); background: none;
color: #dcd7ba; color: #dcd7ba;
outline: none; outline: none;
border-radius: 16px; border-radius: 0px;
} border-bottom: solid 3px #ff5d62;
#input image {
color: #dcd7ba;
border: none;
} }
#input:focus { #input:focus {
border: none; box-shadow: none;
outline: none; }
#input image {
color: #ff5d62;
} }
#inner-box { #inner-box {
@ -83,7 +83,7 @@ window {
} }
#outer-box { #outer-box {
margin: 0px; margin: 10px;
border: none; border: none;
padding: 0px; padding: 0px;
border-radius: 16px; border-radius: 16px;
@ -91,8 +91,8 @@ window {
#scroll { #scroll {
margin-top: 5px; margin-top: 5px;
border: none; padding-top: 3px;
border-radius: 16px; padding-bottom: 3px;
margin-bottom: 5px; margin-bottom: 5px;
} }
@ -106,17 +106,10 @@ window {
background: transparent; background: transparent;
} }
#text {
margin: 0px;
border: none;
padding: 0px;
background: transparent;
}
#entry { #entry {
margin: 0px;
border: none; border: none;
border-radius: 16px; border-radius: 16px;
margin-left: 20px;
background-color: transparent; background-color: transparent;
min-height: 28px; min-height: 28px;
font-weight: bold; font-weight: bold;
@ -124,10 +117,9 @@ window {
#entry:selected { #entry:selected {
outline: none; outline: none;
margin: 0px;
border: none; border: none;
border-radius: 16px; border-radius: 16px;
background: linear-gradient(-90deg, #957fb8, #7E9CD8, #FFA066, #FF5D62); background: linear-gradient(-90deg, #ffa066, #FF5D62);
background-size: 300% 300%; background-size: 300% 300%;
animation: gradient 9s ease infinite; animation: gradient 9s ease infinite;
} }
@ -136,9 +128,11 @@ window {
0% { 0% {
background-position: 0% 50%; background-position: 0% 50%;
} }
50% { 50% {
background-position: 100% 50%; background-position: 100% 50%;
} }
100% { 100% {
background-position: 0% 50%; background-position: 0% 50%;
} }