Move all colours to CSS variables

This commit is contained in:
Mauricio Bonani
2022-06-18 16:05:25 -04:00
parent fc5a5f1b73
commit 3a2fa4073a
43 changed files with 1162 additions and 941 deletions

View File

@@ -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);
}