engelsystem/resources/assets/themes/theme16.scss

// 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: #437aca;
$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,
  url('./theme16/stars.svg') repeat-x top,
  linear-gradient($color-background-0, $color-background-100) scroll;
  background-size: 30vw auto, auto, auto;
  min-height: 100vh;
}

#footer {
  padding-bottom: 5vw;
}

:root {
  --bs-link-color: #fff200;
  --bs-link-hover-color: #fff200;
}