135 lines
2.3 KiB
SCSS
135 lines
2.3 KiB
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: #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;
|
||
|
}
|