Create CCCHH theme

themes/ccchh/assets/sass/main.scss

@@ -0,0 +1,78 @@
+$roomstate_color_unknown: #dda218;
+$roomstate_color_open: var(--ins-color);
+$roomstate_color_closed: var(--del-color);
+
+
+// Room State in Menu
+#roomstate {
+  font-size: 0.9em;
+  line-height: 1.0em;
+  max-width: 8em;
+  padding: 5px;
+
+  color: $roomstate_color_unknown;
+
+  &.open {
+    color: $roomstate_color_open;
+  }
+
+  &.closed {
+    color: $roomstate_color_closed;
+  }
+
+  span.duration {
+    font-size: 0.7em;
+  }
+}
+
+// CCCHH Icon in Menu
+@media only screen and (prefers-color-scheme: light) {
+  .invert-on-light {
+    filter: invert(1);
+  }
+}
+
+// Home page Announcements
+.announcement {
+  border-radius: var(--border-radius);
+  background: var(--code-background-color);
+  padding: 10px 15px;
+
+  margin-bottom: var(--typography-spacing-vertical);
+
+  p:last-child {
+    margin-bottom: 0;
+  }
+}
+
+@media only screen and (prefers-color-scheme: dark) {
+  .announcement {
+    background: var(--code-background-color);
+  }
+}
+
+// Home Friends&Family Gallery
+.flex-grid {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+
+  div {
+    width: 250px;
+
+    // 2*250px + 2*var(--spacing) + 1px
+    @media only screen and (max-width: 533px) {
+      width: 150px;
+    }
+  }
+}
+
+.img-link {
+  a {
+    img {
+      display: block;
+      padding: var(--grid-spacing-horizontal);
+      margin: 0 auto;
+    }
+  }
+}