Lokalne zapisywanie rozkazów

src/styles/global.scss

@@ -1,7 +1,8 @@
 @import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@400;600&display=swap');
 
 $bgCol: #313638;
-$accentCol: #0defff;
+$accentCol: #ff6060;
+$warnCol: #ffe02e;
 
 body,
 html {
@@ -36,16 +37,24 @@ button {
     padding: 0.5em;
   }
 
-  &:hover {
-    color: $accentCol;
-  }
-
   &:focus-visible {
     outline: 2px solid $accentCol;
     color: $accentCol;
   }
 }
 
+// Text styles
+.text {
+  &--accent {
+    color: $accentCol;
+  }
+
+  &--warn {
+    color: $warnCol;
+  }
+}
+
+// Select style
 select {
   border: 2px solid black;
   background: none;
@@ -54,7 +63,20 @@ select {
   text-align: center;
 }
 
-// Global scrollbar
+// List style
+ul {
+  padding: 0;
+  margin: 0;
+
+  list-style: none;
+  text-align: center;
+
+  li {
+    padding: 0.5em;
+  }
+}
+
+// Global scrollbar style
 ::-webkit-scrollbar {
   width: 10px;
 }