common-ui/src/assets/styles/_common-variables.scss
2021-12-17 14:26:12 +02:00

43 lines
1.1 KiB
SCSS

@use 'sass:meta';
:root {
--iqser-primary: lightblue;
--iqser-primary-rgb: 220, 230, 234;
--iqser-primary-2: orange;
--iqser-accent: blue;
--iqser-accent-rgb: 123, 234, 111;
--iqser-disabled: #9398a0;
--iqser-not-disabled-table-item: #f9fafb;
--iqser-btn-bg-hover: #e2e4e9;
--iqser-btn-bg: #f0f1f4;
--iqser-warn: #fdbd00;
--iqser-white: white;
--iqser-black: black;
--iqser-light: white;
--iqser-separator: rgba(226, 228, 233, 0.9);
--iqser-quick-filter-border: #d3d5da;
--iqser-grey-1: #283241;
--iqser-grey-2: #f4f5f7;
--iqser-grey-3: #aaacb3;
--iqser-grey-4: #e2e4e9;
--iqser-grey-5: #d3d5da;
--iqser-grey-6: #f0f1f4;
--iqser-grey-7: #9398a0;
--iqser-grey-8: #f9fafb;
--iqser-green-1: #00ff00;
--iqser-green-2: #5ce594;
--iqser-yellow-1: #ffb83b;
--iqser-yellow-2: #fdbd00;
--iqser-red-1: #dd4d50;
--iqser-blue-5: #c5d3eb;
--iqser-helpmode-primary: green;
}
@mixin configure($args...) {
:root {
@each $name, $value in meta.keywords($args) {
--#{$name}: #{$value};
}
}
}