128 lines
2.2 KiB
JSON
128 lines
2.2 KiB
JSON
@meta {
|
|
name: Redmond DX;
|
|
author: HJ;
|
|
license: WTFPL;
|
|
website: ebin.club;
|
|
}
|
|
|
|
@palette.Modern {
|
|
bg: #D3CFC7;
|
|
fg: #092369;
|
|
text: #000000;
|
|
link: #0000FF;
|
|
accent: #A5C9F0;
|
|
cRed: #FF3000;
|
|
cBlue: #009EFF;
|
|
cGreen: #309E00;
|
|
cOrange: #FFCE00;
|
|
}
|
|
|
|
@palette.Classic {
|
|
bg: #BFBFBF;
|
|
fg: #000180;
|
|
text: #000000;
|
|
link: #0000FF;
|
|
accent: #A5C9F0;
|
|
cRed: #FF0000;
|
|
cBlue: #2E2ECE;
|
|
cGreen: #007E00;
|
|
cOrange: #CE8F5F;
|
|
}
|
|
|
|
@palette.Vapor {
|
|
bg: #F0ADCD;
|
|
fg: #a177ee;
|
|
text: #602040;
|
|
link: #086866;
|
|
accent: #9DF7C8;
|
|
cRed: #ff0088;
|
|
cBlue: #20c8e9;
|
|
cGreen: #0fd27d;
|
|
cOrange: #ECE646;
|
|
}
|
|
|
|
Root {
|
|
--gradientColor: color | $brightness(--fg, 20);
|
|
--inputColor: color | #FFFFFF;
|
|
--bevelLight: color | $brightness(--bg 50);
|
|
--bevelDark: color | $brightness(--bg -20);
|
|
--bevelExtraDark: color | #404040;
|
|
--buttonDefaultBevel: shadow | $borderSide(--bevelExtraDark bottom-right 1 1), $borderSide(--bevelLight top-left 1 1), $borderSide(--bevelDark bottom-right 1 2);
|
|
--buttonPressedBevel: shadow | inset 0 0 0 1 #000000 / 1 #Outer , inset 0 0 0 2 --bevelExtraDark / 1 #inner;
|
|
--defaultInputBevel: shadow | $borderSide(--bevelLight bottom-right 1), $borderSide(--bevelDark top-left 1 1), $borderSide(--bg bottom-right 1 2), $borderSide(--bevelExtraDark top-left 1 2);
|
|
}
|
|
|
|
Button:toggled {
|
|
background: --bg;
|
|
shadow: --buttonPressedBevel
|
|
}
|
|
|
|
Button:focused {
|
|
shadow: --buttonDefaultBevel, 0 0 0 1 #000000 / 1
|
|
}
|
|
|
|
Button:pressed {
|
|
shadow: --buttonPressedBevel
|
|
}
|
|
|
|
Button:hover {
|
|
shadow: --buttonDefaultBevel;
|
|
background: --bg
|
|
}
|
|
|
|
Button {
|
|
shadow: --buttonDefaultBevel;
|
|
background: --bg;
|
|
roundness: 0
|
|
}
|
|
|
|
Button:pressed:hover {
|
|
shadow: --buttonPressedBevel
|
|
}
|
|
|
|
Input {
|
|
background: $mod(--bg -80);
|
|
shadow: --defaultInputBevel;
|
|
roundness: 0
|
|
}
|
|
|
|
Panel {
|
|
shadow: --buttonDefaultBevel;
|
|
roundness: 0
|
|
}
|
|
|
|
PanelHeader {
|
|
shadow: inset -1100 0 1000 -1000 --gradientColor / 1 #Gradient ;
|
|
background: --fg
|
|
}
|
|
|
|
Tab:hover {
|
|
background: --bg;
|
|
shadow: --buttonDefaultBevel
|
|
}
|
|
|
|
Tab:active {
|
|
background: --bg
|
|
}
|
|
|
|
Tab:active:hover {
|
|
background: --bg
|
|
}
|
|
|
|
Tab:active:hover:disabled {
|
|
background: --bg
|
|
}
|
|
|
|
Tab:hover:disabled {
|
|
background: --bg
|
|
}
|
|
|
|
Tab:disabled {
|
|
background: --bg
|
|
}
|
|
|
|
Tab {
|
|
background: --bg;
|
|
shadow: --buttonDefaultBevel
|
|
}
|