qugalet/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

update breezy theme

Browse source
This commit is contained in:
Henry Jameson 2024-12-01 21:34:17 +02:00
parent 0e1c1b04a0
commit bd644a7d52
1 changed files with 27 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

45
static/styles/Breezy DX.piss
View file

@ -6,28 +6,29 @@
} }
@palette.Dark { @palette.Dark {
bg: #121a24; bg: #292C32;
fg: #182230; fg: #292C32;
text: #b9b9ba; text: #ffffff;
link: #d8a070; link: #1CA4F3;
accent: #d8a070; accent: #1CA4F3;
cRed: #FF0000; cRed: #f41a51;
cBlue: #0095ff; cBlue: #1CA4F3;
cGreen: #0fa00f; cGreen: #1af46e;
cOrange: #ffa500; cOrange: #f4af1a;
} }
@palette.Light { @palette.Light {
bg: #f2f6f9; bg: #EFF0F2;
fg: #d6dfed; fg: #EFF0F2;
text: #304055; text: #1B1F22;
underlay: #5d6086; underlay: #5d6086;
accent: #f55b1b; accent: #1CA4F3;
cBlue: #0095ff; cBlue: #1CA4F3;
cRed: #d31014; cRed: #f41a51;
cGreen: #0fa00f; cGreen: #1af46e;
cOrange: #ffa500; cOrange: #f4af1a;
border: #d8e6f9; border: #d8e6f9;
link: #1CA4F3;
} }
Root { Root {
@ -36,7 +37,7 @@ Root {
--buttonDefaultFocusGlow: shadow | inset 0 0 0 1 --accent / 1; --buttonDefaultFocusGlow: shadow | inset 0 0 0 1 --accent / 1;
--buttonDefaultShadow: shadow | inset 0 0 0 1 --text / 0.35, 0 5 5 -5 #000000 / 0.35; --buttonDefaultShadow: shadow | inset 0 0 0 1 --text / 0.35, 0 5 5 -5 #000000 / 0.35;
--buttonDefaultBevel: shadow | inset 0 14 14 -14 #FFFFFF / 0.1; --buttonDefaultBevel: shadow | inset 0 14 14 -14 #FFFFFF / 0.1;
--buttonPressedBevel: shadow | inset 0 -20 20 -20 #000000 / 0.05, inset 0 20 0 80 --accent / 0.2; --buttonPressedBevel: shadow | inset 0 -20 20 -20 #000000 / 0.05;
--defaultInputBevel: shadow | inset 0 0 0 1 --text / 0.35; --defaultInputBevel: shadow | inset 0 0 0 1 --text / 0.35;
--defaultInputHoverGlow: shadow | 0 0 0 1 --accent / 1; --defaultInputHoverGlow: shadow | 0 0 0 1 --accent / 1;
--defaultInputFocusGlow: shadow | 0 0 0 1 --link / 1; --defaultInputFocusGlow: shadow | 0 0 0 1 --link / 1;
@ -50,6 +51,14 @@ Button:hover {
shadow: --buttonDefaultHoverGlow, --buttonDefaultBevel, --buttonDefaultShadow shadow: --buttonDefaultHoverGlow, --buttonDefaultBevel, --buttonDefaultShadow
} }
Button:toggled {
background: $blend(--bg 0.8 --accent)
}
Button:pressed {
background: $blend(--bg 0.8 --accent)
}
Input { Input {
shadow: --defaultInputBevel shadow: --defaultInputBevel
} }