codecheck

1
@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
2

3
// Theme Specific Variables
4
$primaryColor: #3b82f6;
5
$primaryDarkColor: #1e88e5;
6
$primaryDarkerColor: #1976d2;
7
$primaryTextColor: #ffffff;
8

9
$colors: (
10
  "blue": #2196f3,
11
  "green": #4caf50,
12
  "yellow": #fbc02d,
13
  "cyan": #00bcd4,
14
  "pink": #e91e63,
15
  "indigo": #3f51b5,
16
  "teal": #009688,
17
  "orange": #f57c00,
18
  "bluegray": #607d8b,
19
  "purple": #9c27b0,
20
  "red": #ff4032,
21
  "primary": $primaryColor,
22
);
23

24
// Mandatory Designer Variables
25
@import "./variables/general";
26
@import "./variables/form";
27
@import "./variables/button";
28
@import "./variables/panel";
29
@import "./variables/_data";
30
@import "./variables/_overlay";
31
@import "./variables/_message";
32
@import "./variables/_menu";
33
@import "./variables/_media";
34
@import "./variables/_misc";
35

36
:root {
37
  font-family: "Rubik";
38
  --font-family: "Rubik";
39
  --surface-a: #ffffff;
40
  --surface-b: #f8f9fa;
41
  --surface-c: #e9ecef;
42
  --surface-d: #dee2e6;
43
  --surface-e: #ffffff;
44
  --surface-f: #ffffff;
45
  --text-color: #495057;
46
  --text-color-secondary: #6c757d;
47
  --primary-color: #2196f3;
48
  --primary-color-text: #ffffff;
49
  --surface-0: #ffffff;
50
  --surface-50: #fafafa;
51
  --surface-100: #f5f5f5;
52
  --surface-200: #eeeeee;
53
  --surface-300: #e0e0e0;
54
  --surface-400: #bdbdbd;
55
  --surface-500: #9e9e9e;
56
  --surface-600: #757575;
57
  --surface-700: #616161;
58
  --surface-800: #424242;
59
  --surface-900: #212121;
60
  --gray-50: #fafafa;
61
  --gray-100: #f5f5f5;
62
  --gray-200: #eeeeee;
63
  --gray-300: #e0e0e0;
64
  --gray-400: #bdbdbd;
65
  --gray-500: #9e9e9e;
66
  --gray-600: #757575;
67
  --gray-700: #616161;
68
  --gray-800: #424242;
69
  --gray-900: #212121;
70
  --content-padding: #{$panelContentPadding};
71
  --inline-spacing: #{$inlineSpacing};
72
  --border-radius: #{$borderRadius};
73
  --surface-ground: #f8f9fa;
74
  --surface-section: #ffffff;
75
  --surface-card: #ffffff;
76
  --surface-overlay: #ffffff;
77
  --surface-border: #dee2e6;
78
  --surface-hover: #e9ecef;
79
  --focus-ring: #{$focusShadow};
80
  --maskbg: #{$maskBg};
81
  --highlight-bg: #{$highlightBg};
82
  --highlight-text-color: #{$highlightTextColor};
83
  color-scheme: light;
84
}
85