update styles.css
This commit is contained in:
@@ -33,7 +33,7 @@
|
|||||||
@define-color foreground @text;
|
@define-color foreground @text;
|
||||||
|
|
||||||
/* very transparent base to let compositor blur show through */
|
/* very transparent base to let compositor blur show through */
|
||||||
@define-color background rgba(30, 30, 46, 0.60);
|
@define-color background rgba(30, 30, 46, 0.70);
|
||||||
|
|
||||||
/* selection tint */
|
/* selection tint */
|
||||||
@define-color color1 @blue;
|
@define-color color1 @blue;
|
||||||
@@ -80,19 +80,13 @@ slider,
|
|||||||
/* --- Main container (frosted glass card) --- */
|
/* --- Main container (frosted glass card) --- */
|
||||||
#box {
|
#box {
|
||||||
border-radius: 18px;
|
border-radius: 18px;
|
||||||
|
|
||||||
/* “glass”: transparent fill + soft highlight */
|
|
||||||
background: @background;
|
background: @background;
|
||||||
|
|
||||||
/* glass edge highlights */
|
border: 1px solid alpha(@text, 0.08);
|
||||||
border: 1px solid alpha(@text, 0.1);
|
|
||||||
|
|
||||||
/* subtle inner highlights to feel like glass */
|
|
||||||
box-shadow:
|
box-shadow:
|
||||||
inset 0 1px 0 alpha(@text, 0.08),
|
inset 0 1px 0 alpha(@text, 0.05),
|
||||||
inset 0 0 0 1px alpha(@crust, 0.15),
|
0 12px 30px alpha(@crust, 0.45);
|
||||||
0 20px 50px alpha(@crust, 0.55),
|
|
||||||
0 10px 20px alpha(@crust, 0.35);
|
|
||||||
|
|
||||||
padding: 28px;
|
padding: 28px;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user