Initial commit

resources/css/base/reset.css

@@ -0,0 +1,37 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: var(--typography);
+    background-color: var(--bg);
+    color: var(--text);
+    display: flex;
+    height: 100vh;
+    overflow: hidden;
+}
+
+a {
+    color: var(--rhpz-orange);
+    text-decoration: none;
+    transition: color 0.2s;
+}
+
+a:hover {
+    color: var(--rhpz-orange-hover);
+    text-decoration: underline;
+}
+
+#app {
+    display: flex;
+    width: 100%;
+    height: 100%;
+}
+
+ul {
+    margin-left: 20px;
+    margin-bottom: 20px;
+    list-style-type: square;
+}

resources/css/base/variables.css

@@ -0,0 +1,31 @@
+: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;
+}