rc3 2021 theme

config/config.default.php

@@ -126,6 +126,11 @@ return [
     'theme'                   => env('THEME', 1),
 
     'themes' => [
+        15 => [
+            'name' => 'Engelsystem rC3 (2021)',
+            'type' => 'dark',
+            'navbar_classes' => 'navbar-dark',
+        ],
         14 => [
             'name' => 'Engelsystem rC3 teal (2020)',
             'type' => 'dark',

resources/assets/themes/theme15.scss

@@ -0,0 +1,191 @@
+// rc3 2021
+
+//== Colors
+@import "dark";
+
+$gray-darker:            #000;
+$gray-dark:              lighten($gray-darker, 15%);
+$gray:                   lighten($gray-dark, 15%);
+$gray-light:             lighten($gray, 15%);
+$gray-lighter:           lighten($gray-light, 15%);
+$black:                  #000;
+
+$brand-primary: #000;
+$primary:       $brand-primary;
+$secondary:     rgba(0, 0, 0, 0.5);
+$dark:          #000;
+$brand-success: #070;
+$success:       $brand-success;
+$brand-info:    $gray;
+$info:          $brand-info;
+$brand-warning: #dd0;
+$warning:       $brand-warning;
+$brand-danger:  #700;
+$danger:        $brand-danger;
+
+$table-bg: rgba(0, 0, 0, 0.5);
+$body-color: #fff;
+
+//== Scaffolding
+
+$body-bg:               #000;
+$text-color:            #fff;
+$link-color:            #fff;
+
+//== Typography
+
+@font-face {
+  font-family: 'Space Mono';
+  src: url('theme15/SpaceMono-BoldItalic.woff2') format('woff2'),
+      url('theme15/SpaceMono-BoldItalic.woff') format('woff');
+  font-weight: bold;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Space Mono';
+  src: url('theme15/SpaceMono-Regular.woff2') format('woff2'),
+      url('theme15/SpaceMono-Regular.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Space Mono';
+  src: url('theme15/SpaceMono-Bold.woff2') format('woff2'),
+      url('theme15/SpaceMono-Bold.woff') format('woff');
+  font-weight: bold;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+    font-family: 'Changa';
+    src: url('theme15/Changa-SemiBold.woff2') format('woff2'),
+        url('theme15/Changa-SemiBold.woff') format('woff'),;
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+
+$font-family-sans-serif: 'Space Mono', Helvetica Neue, Helvetica, Arial, sans-serif;
+$font-family-serif:      'Changa', Georgia, "Times New Roman", Times, serif;
+$headings-font-family:   $font-family-serif;
+
+//== Buttons
+
+.btn {
+  border: 1px solid #fff !important;
+}
+
+.btn.btn-secondary {
+  background-color: rgba(0,0,0,0.5);
+}
+
+//== Forms
+
+$input-bg:                       $gray-darker;
+$input-bg-disabled:              darken($gray-dark, 10%);
+
+$input-group-addon-bg:           $gray-lighter;
+
+//== Pagination
+
+$pagination-color:                     $black;
+
+$pagination-hover-color:               $black;
+
+$pagination-active-color:              $black;
+
+//== Form states and alerts
+
+$state-success-text:             #fff;
+
+$state-info-text:                #fff;
+
+$state-warning-text:             #fff;
+
+$state-danger-text:              #fff;
+
+//== Labels
+
+$label-link-hover-color:      $gray-dark;
+
+//== Badges
+
+$badge-color:                 $black;
+
+.badge.bg-primary {
+  color: #fff;
+}
+
+.badge.bg-secondary {
+  background-color: rgba(0, 0, 0, 0.5) !important;
+  color: #fff;
+}
+
+//== Type
+
+$headings-small-color:        $gray-light;
+
+// Bootswatch
+// -----------------------------------------------------
+@import "cyborg_variables.scss";
+@import "cyborg_styles.scss";
+// Forms ======================================================================
+
+.input-group-addon {
+  background-color: #000;
+}
+
+// Containers =================================================================
+
+// datetimepicker
+
+.bootstrap-datetimepicker-widget {
+
+  .timepicker-hour,
+  .timepicker-minute,
+  [data-action='selectHour'],
+  [data-action='selectMinute'],
+  [data-action='incrementHours'],
+  [data-action='decrementHours'],
+  [data-action='incrementMinutes'],
+  [data-action='decrementMinutes'] {
+
+    &:hover {
+      color: $gray;
+    }
+  }
+}
+
+// code tag
+code {
+  background-color: $input-bg-disabled;
+  color: $input-color;
+}
+
+// Specials ===================================================================
+body {
+  background: #000 url('theme15/background.jpg') no-repeat center center fixed;
+}
+
+h1, h2, h3, h4, h5 {
+  text-transform: lowercase;
+  letter-spacing: 0.05em;
+}
+
+.navbar {
+  background: rgba(0,0,0,0.5);
+  backdrop-filter: blur(6px);
+}
+
+.footer a{
+  color: #fff;
+}
+
+.shift-calendar .lane.time {
+  width: 80px;
+}