mirror of
https://github.com/node-red/node-red.git
synced 2025-03-01 10:36:34 +00:00
Move all colours to CSS variables
This commit is contained in:
@@ -15,8 +15,8 @@
|
||||
**/
|
||||
|
||||
.red-ui-editor-radial-menu {
|
||||
font-size: $primary-font-size;
|
||||
font-family: $primary-font;
|
||||
font-size: var(--red-ui-primary-font-size);
|
||||
font-family: var(--red-ui-primary-font);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left:0;
|
||||
@@ -29,8 +29,8 @@
|
||||
border-radius: 80px;
|
||||
width: 160px;
|
||||
height: 160px;
|
||||
background: $shadow;
|
||||
border: 1px solid $primary-border-color;
|
||||
background: var(--red-ui-shadow);
|
||||
border: 1px solid var(--red-ui-primary-border-color);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,20 +39,20 @@
|
||||
border-radius: 20px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
background: $secondary-background;
|
||||
border: 2px solid $primary-border-color;
|
||||
background: var(--red-ui-secondary-background);
|
||||
border: 2px solid var(--red-ui-primary-border-color);
|
||||
text-align: center;
|
||||
line-height:50px;
|
||||
|
||||
&.selected {
|
||||
background: $workspace-button-background-hover;
|
||||
background: var(--red-ui-workspace-button-background-hover);
|
||||
}
|
||||
}
|
||||
|
||||
.red-ui-editor-radial-menu-opt-disabled {
|
||||
border-color: $tertiary-border-color;
|
||||
color: $tertiary-border-color;
|
||||
border-color: var(--red-ui-tertiary-border-color);
|
||||
color: var(--red-ui-tertiary-border-color);
|
||||
}
|
||||
.red-ui-editor-radial-menu-opt-active {
|
||||
background: $secondary-background-hover;
|
||||
background: var(--red-ui-secondary-background-hover);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user