engelsystem/resources/assets/themes/theme15.scss

206 lines
3.7 KiB
SCSS
Raw Normal View History

2021-12-27 18:46:20 +01:00
// rc3 2021
//== Colors
2022-12-22 18:28:51 +01:00
@import 'dark';
2021-12-27 18:46:20 +01:00
2022-12-22 18:28:51 +01:00
$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;
2021-12-27 18:46:20 +01:00
$brand-primary: #000;
2022-12-22 18:28:51 +01:00
$primary: $brand-primary;
$secondary: rgba(0, 0, 0, 0.5);
$dark: #000;
2021-12-27 18:46:20 +01:00
$brand-success: #070;
2022-12-22 18:28:51 +01:00
$success: $brand-success;
$brand-info: $gray;
$info: $brand-info;
2021-12-27 18:46:20 +01:00
$brand-warning: #dd0;
2022-12-22 18:28:51 +01:00
$warning: $brand-warning;
$brand-danger: #700;
$danger: $brand-danger;
2021-12-27 18:46:20 +01:00
$table-bg: rgba(0, 0, 0, 0.5);
$body-color: #fff;
//== Scaffolding
2022-12-22 18:28:51 +01:00
$body-bg: #000;
$text-color: #fff;
$link-color: #fff;
2021-12-27 18:46:20 +01:00
//== Typography
@font-face {
font-family: 'Space Mono';
src: url('theme15/SpaceMono-BoldItalic.woff2') format('woff2'),
2022-12-22 18:28:51 +01:00
url('theme15/SpaceMono-BoldItalic.woff') format('woff');
2021-12-27 18:46:20 +01:00
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Space Mono';
2022-12-22 18:28:51 +01:00
src: url('theme15/SpaceMono-Regular.woff2') format('woff2'), url('theme15/SpaceMono-Regular.woff') format('woff');
2021-12-27 18:46:20 +01:00
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Space Mono';
2022-12-22 18:28:51 +01:00
src: url('theme15/SpaceMono-Bold.woff2') format('woff2'), url('theme15/SpaceMono-Bold.woff') format('woff');
2021-12-27 18:46:20 +01:00
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
2022-12-22 18:28:51 +01:00
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;
2021-12-27 18:46:20 +01:00
}
$font-family-sans-serif: 'Space Mono', Helvetica Neue, Helvetica, Arial, sans-serif;
2022-12-22 18:28:51 +01:00
$font-family-serif: 'Changa', Georgia, 'Times New Roman', Times, serif;
$headings-font-family: $font-family-serif;
2021-12-27 18:46:20 +01:00
//== Buttons
.btn {
border: 1px solid #fff !important;
}
.btn.btn-secondary {
2022-12-22 18:28:51 +01:00
background-color: rgba(0, 0, 0, 0.5);
2021-12-27 18:46:20 +01:00
}
//== Forms
2022-12-22 18:28:51 +01:00
$input-bg: $gray-darker;
$input-bg-disabled: darken($gray-dark, 10%);
2021-12-27 18:46:20 +01:00
2022-12-22 18:28:51 +01:00
$input-group-addon-bg: $gray-lighter;
2021-12-27 18:46:20 +01:00
//== Pagination
2022-12-22 18:28:51 +01:00
$pagination-color: #fff;
2021-12-27 18:46:20 +01:00
2022-12-22 18:28:51 +01:00
$pagination-hover-color: #fff;
2021-12-27 18:46:20 +01:00
2022-12-22 18:28:51 +01:00
$pagination-active-color: #fff;
2021-12-27 18:46:20 +01:00
//== Form states and alerts
2022-12-22 18:28:51 +01:00
$state-success-text: #fff;
2021-12-27 18:46:20 +01:00
2022-12-22 18:28:51 +01:00
$state-info-text: #fff;
2021-12-27 18:46:20 +01:00
2022-12-22 18:28:51 +01:00
$state-warning-text: #fff;
2021-12-27 18:46:20 +01:00
2022-12-22 18:28:51 +01:00
$state-danger-text: #fff;
2021-12-27 18:46:20 +01:00
//== Labels
2022-12-22 18:28:51 +01:00
$label-link-hover-color: $gray-dark;
2021-12-27 18:46:20 +01:00
//== Badges
2022-12-22 18:28:51 +01:00
$badge-color: $black;
2021-12-27 18:46:20 +01:00
.badge.bg-primary {
color: #fff;
}
.badge.bg-secondary {
background-color: rgba(0, 0, 0, 0.5) !important;
color: #fff;
}
//== Type
2022-12-22 18:28:51 +01:00
$headings-small-color: $gray-light;
2021-12-27 18:46:20 +01:00
// Bootswatch
// -----------------------------------------------------
2022-12-22 18:28:51 +01:00
@import 'cyborg_variables.scss';
@import 'cyborg_styles.scss';
2021-12-27 18:46:20 +01:00
// Forms ======================================================================
.input-group-addon {
background-color: #000;
}
// Containers =================================================================
// code tag
code {
background-color: $input-bg-disabled;
color: $input-color;
}
// Specials ===================================================================
body {
background: #000 url('theme15/background.jpg') no-repeat center center fixed;
2021-12-27 21:49:07 +01:00
background-size: cover;
2021-12-27 18:46:20 +01:00
}
2022-12-22 18:28:51 +01:00
h1,
h2,
h3,
h4,
h5 {
2021-12-27 18:46:20 +01:00
text-transform: lowercase;
letter-spacing: 0.05em;
}
2021-12-27 22:09:48 +01:00
.nav-link {
text-transform: lowercase;
}
2021-12-27 18:46:20 +01:00
.navbar {
2022-12-22 18:28:51 +01:00
background: rgba(0, 0, 0, 0.5);
2021-12-27 18:46:20 +01:00
backdrop-filter: blur(6px);
}
2022-12-22 18:28:51 +01:00
.footer a {
2021-12-27 18:46:20 +01:00
color: #fff;
}
.shift-calendar .lane.time {
width: 80px;
}
2021-12-27 21:49:07 +01:00
@include media-breakpoint-down(lg) {
.navbar {
background-color: #000 !important;
}
}
.user-info {
background-color: rgba(0, 0, 0, 0.5);
2021-12-27 22:09:48 +01:00
margin: 1em 0;
padding: 1em 0;
2021-12-27 21:49:07 +01:00
}
.stats {
2022-12-22 18:28:51 +01:00
background-color: rgba(0, 0, 0, 0.5);
2021-12-27 21:49:07 +01:00
margin: 1em 0;
padding: 1em 0;
height: 200px;
2021-12-27 22:09:48 +01:00
}
2021-12-28 09:46:32 +01:00
.card a {
text-decoration: underline;
}
.card .btn {
text-decoration: none;
}