Add 37c3 theme

config/config.default.php

@@ -144,6 +144,11 @@ return [
     // Supported themes
     // To disable a theme in the config.php, you can set its value to null
     'themes' => [
+        17 => [
+            'name' => 'Engelsystem 37c3 (2023)',
+            'type' => 'dark',
+            'navbar_classes' => 'navbar-dark',
+        ],
         16 => [
             'name' => 'Engelsystem cccamp23 (2023)',
             'type' => 'dark',

resources/assets/themes/theme17.scss

@@ -0,0 +1,200 @@
+// cccamp23
+
+// Variables
+// --------------------------------------------------
+
+@import 'dark';
+
+//== changed Colors
+$gray-dark: #231f20;
+$gray-darker: darken($gray-dark, 30%);
+$gray: lighten($gray-dark, 30%);
+$gray-light: lighten($gray, 30%);
+$gray-lighter: lighten($gray-light, 30%);
+$dark: $gray-dark;
+
+$primary: #de37ff;
+$secondary: #28ffff;
+$success: #79ff5e;
+$info: #3dbddf;
+$warning: #f6b345;
+$danger: #de4040;
+
+$text-muted: $gray-light;
+
+$btn-link-disabled-color: $gray-light;
+
+$dropdown-bg: #212529;
+$dropdown-link-hover-color: #000000;
+
+//== changed Forms
+
+$input-bg: $gray-darker;
+$input-bg-disabled: lighten($gray-lighter, 15%);
+$input-border-color: $secondary;
+$input-group-addon-bg: $input-bg;
+
+$form-check-input-border: 1px solid $gray;
+
+//== changed Pagination
+
+$pagination-hover-color: $gray-lighter;
+$pagination-active-color: $gray-lighter;
+
+//== changed Form states and alerts
+
+$state-success-text: #fff;
+$state-success-bg: $success;
+$state-success-border: darken($state-success-bg, 5%);
+
+$state-info-text: #fff;
+$state-info-bg: $info;
+$state-info-border: darken($state-info-bg, 7%);
+
+$state-warning-text: #fff;
+$state-warning-bg: $warning;
+$state-warning-border: darken($state-warning-bg, 3%);
+
+$state-danger-text: #fff;
+$state-danger-bg: $danger;
+$state-danger-border: darken($state-danger-bg, 3%);
+
+$headings-small-color: $gray-light;
+
+code {
+  background-color: $state-info-bg;
+  color: $state-info-text;
+}
+
+$alert-bg-scale: 0%;
+$alert-border-scale: 0%;
+$alert-color-scale: 0%;
+
+// Navs =======================================================================
+
+$nav-tabs-link-active-border-color: $gray-dark;
+
+$nav-tabs-link-active-color: $gray-darker;
+$nav-pills-link-active-color: $gray-darker;
+
+//== Pagination
+//
+//##
+
+$pagination-color: $gray-lighter;
+$pagination-border-color: $gray-dark;
+
+$pagination-hover-color: #000;
+$pagination-hover-border-color: $gray-dark;
+
+$pagination-active-color: #000;
+$pagination-active-border-color: $gray-dark;
+
+$pagination-disabled-color: $gray-light;
+$pagination-disabled-border-color: $gray-dark;
+
+// dark
+@import 'cyborg_variables';
+@import 'cyborg_styles';
+
+//== Typography
+
+@font-face {
+  font-family: 'VCR OCD Faux';
+  src: url('theme17/VCROCDFaux.ttf') format('truetype'), url('theme17/VCROCDFaux.woff') format('woff'),
+    url('theme17/VCROCDFaux.woff2') format('woff2');
+  font-weight: 400;
+}
+
+@font-face {
+  font-family: Gabriella;
+  src: url('theme17/GabriellaHeavy.otf') format('opentype');
+  font-weight: 400;
+}
+
+$headings-font-family: Gabriella, $font-family-sans-serif;
+$font-family-monospace: 'VCR OCD Faux', SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
+  monospace;
+
+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3,
+h4,
+.h4,
+h5,
+.h5 {
+  color: $white;
+}
+
+h1,
+.h1 {
+  font-family: $headings-font-family;
+}
+
+.btn-secondary {
+  background: transparent !important;
+  border-color: $secondary !important;
+  color: $secondary !important;
+}
+
+// Specials ===================================================================
+
+.bg-success a,
+.bg-primary a,
+.bg-warning a,
+.bg-info a,
+.bg-light a {
+  color: $gray-darker !important;
+}
+
+.bg-body a,
+.bg-danger a,
+.bg-secondary a,
+.bg-dark a {
+  color: $state-danger-text !important;
+}
+
+.bg-primary,
+.bg-success,
+.bg-warning,
+.bg-info,
+.bg-light {
+  color: $gray-darker;
+}
+
+.bg-body,
+.bg-danger,
+.bg-secondary,
+.bg-dark {
+  color: $state-danger-text;
+}
+
+.navbar {
+  background: rgba(0, 0, 0, 0.7);
+  backdrop-filter: blur(6px);
+}
+
+.navbar-brand {
+  color: $primary;
+  font-family: $font-family-monospace;
+}
+
+.nav-tabs,
+.nav-pills,
+.pager {
+  a {
+    color: $gray-lighter;
+  }
+}
+
+.alert a {
+  color: $gray-darker;
+}
+
+.alert.alert-danger,
+.alert.alert-danger a {
+  color: $gray-lighter;
+}