refactor(styles): simplify color variables and update CSS constants
Add new color palette file and refactor constant definitions to use variable tokens.
This commit is contained in:
46 files changed
+1789
-1815
No files matched your search
@@ -0,0 +1,65 @@
|
||||
#dropdown-menu {
|
||||
background-color: transparent;
|
||||
|
||||
border-radius: 0.75rem;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#dropdown-options {
|
||||
background-color: @bg-a50;
|
||||
box-shadow: inset 0 0 0 1px alpha(@fg-a40, 0.4);
|
||||
border: 1px solid @outline-a40;
|
||||
border-radius: 0.75rem;
|
||||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
#dropdown-option {
|
||||
background-color: transparent;
|
||||
border-radius: apply(radius-xs);
|
||||
padding: 0px 10px;
|
||||
margin: 1px 2px;
|
||||
transition: all 0ms ease-in-out;
|
||||
}
|
||||
|
||||
#dropdown-option:hover {
|
||||
color: @on-primary;
|
||||
transition: all 20ms ease-in-out;
|
||||
background-color: @primary;
|
||||
}
|
||||
|
||||
#dropdown-option:hover #dropdown-option-label {
|
||||
color: @on-primary;
|
||||
}
|
||||
|
||||
#dropdown-option-label {
|
||||
font-size: apply(font-md);
|
||||
margin: 0px;
|
||||
color: @foreground;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
#dropdown-option-label:first-child {
|
||||
padding-right: 5rem;
|
||||
}
|
||||
|
||||
#dropdown-option:hover #dropdown-option-keybind {
|
||||
color: @on-primary;
|
||||
}
|
||||
|
||||
#dropdown-option-keybind {
|
||||
font-weight: 500;
|
||||
color: @fg-a80;
|
||||
}
|
||||
|
||||
/* Divider */
|
||||
|
||||
#dropdown-divider-box {
|
||||
background-color: transparent;
|
||||
border-radius: apply(radius-xs);
|
||||
padding: 0px 10px;
|
||||
margin: 2px;
|
||||
}
|
||||
#dropdown-divider {
|
||||
border-bottom: 1px solid alpha(@fg-a80, 0.3);
|
||||
margin: 2px 0;
|
||||
}
|
||||
Reference in new issue
Block a user