61 lines
1.0 KiB
CSS
61 lines
1.0 KiB
CSS
:root {
|
|
|
|
/* RHPZ color */
|
|
--rhpz-orange: #ff7300;
|
|
--rhpz-orange-hover: #e56700;
|
|
|
|
/* Background colors */
|
|
--bg: #1e1e1e;
|
|
--bg2: #252526;
|
|
--bg3: #2d2d30;
|
|
--bg4: #3e3e42;
|
|
|
|
/* Text */
|
|
--text: #f1f1f1;
|
|
--text2: #a1a1aa;
|
|
--text3: #111111;
|
|
|
|
/* Elements */
|
|
--border: #3f3f46;
|
|
--error: #e57373;
|
|
--info: #1976d2;
|
|
--success: #81c784;
|
|
--success2: #388e3c;
|
|
|
|
/* Typo */
|
|
--typography: 'Segoe UI', 'San Francisco', 'Helvetica Neue', sans-serif;
|
|
|
|
/* Menu settings */
|
|
--menu-size: 260px;
|
|
--menu-user-avatar-bg: #555;
|
|
|
|
/* Gap */
|
|
--gap: 15px;
|
|
}
|
|
|
|
.light-mode {
|
|
|
|
/* RHPZ color */
|
|
--rhpz-orange: #ff7300;
|
|
--rhpz-orange-hover: #e56700;
|
|
|
|
/* Background colors */
|
|
--bg: #f0f0f0;
|
|
--bg2: #ffffff;
|
|
--bg3: #e8e8e8;
|
|
--bg4: #dcdcdc;
|
|
|
|
/* Text */
|
|
--text: #454545;
|
|
--text2: #737373;
|
|
--text3: #111111;
|
|
|
|
/* Elements */
|
|
--border: #d0d0d0;
|
|
--error: #e57373;
|
|
--info: #1976d2;
|
|
--success: #81c784;
|
|
--success2: #388e3c;
|
|
|
|
}
|