theme.css: CSS-Variablen für Farben und Größen, alle Files umgestellt

wwwroot/css/prototype.css

@@ -13,8 +13,8 @@ main {
 
 #sidebar {
   width: 260px;
-  background: #1a1a1a;
-  border-right: 1px solid #444;
+  background: var(--f1-bg);
+  border-right: 1px solid var(--f2-border);
   display: flex;
   flex-direction: column;
   flex-shrink: 0;
@@ -22,8 +22,8 @@ main {
 }
 
 .sidebar-header {
-  padding: 1em;
-  border-bottom: 1px solid #444;
+  padding: var(--s4);
+  border-bottom: 1px solid var(--f2-border);
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -35,18 +35,18 @@ main {
 }
 
 .session-item {
-  padding: 1em;
+  padding: var(--s4);
   cursor: pointer;
   display: flex;
   flex-direction: column;
   border-left: 3px solid transparent;
 }
 
-.session-item:hover { background: #333; }
+.session-item:hover { background: var(--f3-bg); }
 
 .session-item.active {
-  background: #333;
-  border-left-color: #eee;
+  background: var(--f3-bg);
+  border-left-color: var(--primary);
 }
 
 .session-name {
@@ -57,5 +57,5 @@ main {
 }
 
 .session-date {
-  color: #888;
+  color: var(--f3-border);
 }