diff --git a/config/config.default.php b/config/config.default.php index a971b2ea..233175b8 100644 --- a/config/config.default.php +++ b/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', diff --git a/resources/assets/themes/theme17.scss b/resources/assets/themes/theme17.scss new file mode 100644 index 00000000..8e9b1b23 --- /dev/null +++ b/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; +} diff --git a/resources/assets/themes/theme17/GabriellaHeavy.otf b/resources/assets/themes/theme17/GabriellaHeavy.otf new file mode 100644 index 00000000..f28c1b31 Binary files /dev/null and b/resources/assets/themes/theme17/GabriellaHeavy.otf differ diff --git a/resources/assets/themes/theme17/VCROCDFaux.ttf b/resources/assets/themes/theme17/VCROCDFaux.ttf new file mode 100644 index 00000000..08625929 Binary files /dev/null and b/resources/assets/themes/theme17/VCROCDFaux.ttf differ diff --git a/resources/assets/themes/theme17/VCROCDFaux.woff b/resources/assets/themes/theme17/VCROCDFaux.woff new file mode 100644 index 00000000..e9f148bb Binary files /dev/null and b/resources/assets/themes/theme17/VCROCDFaux.woff differ diff --git a/resources/assets/themes/theme17/VCROCDFaux.woff2 b/resources/assets/themes/theme17/VCROCDFaux.woff2 new file mode 100644 index 00000000..5c823bdf Binary files /dev/null and b/resources/assets/themes/theme17/VCROCDFaux.woff2 differ