diff --git a/config/config.default.php b/config/config.default.php index 7047ee14..0670a2a9 100644 --- a/config/config.default.php +++ b/config/config.default.php @@ -132,6 +132,11 @@ return [ 'theme' => env('THEME', 1), 'themes' => [ + 16 => [ + 'name' => 'Engelsystem IGER 2023', + 'type' => 'dark', + 'navbar_classes' => 'navbar-dark', + ], 15 => [ 'name' => 'Engelsystem rC3 (2021)', 'type' => 'dark', diff --git a/resources/assets/themes/theme16.scss b/resources/assets/themes/theme16.scss new file mode 100644 index 00000000..bea0d038 --- /dev/null +++ b/resources/assets/themes/theme16.scss @@ -0,0 +1,134 @@ +// IGER 2023 + +$color-background-0: #272771; +$color-background-100: #1d71b8; +$color-highlight: #fff200; +$color-link: #fff200; + +@import 'dark'; + +//== changed Colors +$table-bg: rgba(0, 0, 0, 0.5); +$nav-tabs-link-active-color: #000 !default; +$body-color: #fff; +$gray-darker: #222; +$gray-dark: #282828; +$gray-light: #888; +$gray-lighter: #adafae; + +$primary: $color-link; +$primary: #caa443; +$secondary: rgba(0, 0, 0, 0.6); +$success: #00c960; +$info: #3dbddf; +$warning: #f6b345; +$danger: #e93a44; + +$text-muted: $gray-lighter; +$btn-link-disabled-color: $gray-light; + +//== changed Forms + +$input-bg: rgba(0, 0, 0, 0.5); +$input-bg-disabled: rgba(0, 0, 0, 0.6); +$input-group-addon-bg: rgba(0, 0, 0, 0.4); + +//== changed Pagination + +$pagination-hover-color: #fff; +$pagination-active-color: #fff; + +//== 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: #fff; + +code { + background-color: $state-info-bg; + color: $state-info-text; +} + +$alert-bg-scale: 0%; +$alert-border-scale: 0%; +$alert-color-scale: 0%; + +.alert { + color: #fff !important; + + .text-danger, + .text-info { + color: #fff !important; + } +} + + +// dark +@import 'cyborg_variables'; +@import 'cyborg_styles'; + +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + &.bg-warning, + &.bg-info { + color: #000; + } +} + +.form-control:disabled { + background: rgba(0, 0, 0, 0.5); + opacity: 0.7 +} + +.navbar { + background: $color-background-0; + border-bottom: 0 !important; +} + +.choices__item.is-selected { + color: #000; +} + +.nav-pills { + --bs-nav-pills-link-active-color: #000; +} + +.dropdown-menu { + --bs-dropdown-link-hover-color: #000; + --bs-dropdown-link-active-color: #000; +} + +body { + background: url('./theme16/footer.svg') no-repeat bottom fixed, + url('./theme16/stars.svg') repeat-x top, + linear-gradient($color-background-0, $color-background-100) fixed; + background-size: 30vw auto, auto, auto; +} + +#footer { + padding-bottom: 5vw; +} diff --git a/resources/assets/themes/theme16/footer.svg b/resources/assets/themes/theme16/footer.svg new file mode 100644 index 00000000..633d0592 --- /dev/null +++ b/resources/assets/themes/theme16/footer.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/resources/assets/themes/theme16/stars.svg b/resources/assets/themes/theme16/stars.svg new file mode 100644 index 00000000..747d32dd --- /dev/null +++ b/resources/assets/themes/theme16/stars.svg @@ -0,0 +1 @@ + \ No newline at end of file