tsc-vfl/hugo-page
3
0
Fork 1
Code Issues 8 Pull Requests Actions Packages Projects 1 Releases 2 Wiki Activity

Update dependencies and css styles

Browse Source
This commit is contained in:
Christian Wolf
2026-01-01 23:14:01 +01:00
parent 42986542f9
commit 2e47f97e63
5 changed files with 237 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
themes/tsc_vfl/assets/css/_colors.scss
View File

@@ -6,19 +6,19 @@ $palette-primary: #193f78;
// Lighter variants of the primary color
// $color-blue-light
$palette-primary-10: color.adjust($palette-primary, $lightness: 40%);
// $color-blue-super-light
$palette-primary-20: color.adjust($palette-primary, $lightness: 60%);
// $color-blue-thin
$palette-primary-30: color.adjust($palette-primary, $lightness: 65%);
// $color-blue-super-thin
$palette-primary-40: color.adjust($palette-primary, $lightness: 69%);
$palette-primary-dark-10: color.adjust($palette-primary, $lightness: -10%);
$color-vh-vorne: #ddcb55;
$color-vh-mitte: #c98879;
$color-vh-hinten: #0082c9;
$color-img-dots-gray: #eee;
$color-img-dots-dark-blue: $palette-primary;
$color-img-dots-light-blue: $palette-primary-10;
@@ -26,12 +26,12 @@ $color-img-dots-light-blue: $palette-primary-10;
:root {
--color-bg: #ececec;
--color-wrapper-bg: #fcfcfc;
--color-fg: black;
--color-fg-inverted: white;
// Former $color-blue
--color-fg-primary: #{$palette-primary};
// Former $color-blue-thin
--color-bg-primary: #{$palette-primary-30};
@@ -39,15 +39,11 @@ $color-img-dots-light-blue: $palette-primary-10;
--color-bg-mobile-menu-header: #{$palette-primary-20};
--color-bg-mobile-menu: #{$palette-primary-40};
--color-fg-mobile-menu: var(--color-fg-primary);
--color-hor-line: #{$palette-primary-10};
--color-tr-a: #dedede;
--color-tr-b: #f7f7f7;
--color-th-bg: #{$palette-primary};
--color-th-fg: white;
--color-dots-gray: #{$color-img-dots-gray};
--color-dots-dark-blue: #{$color-img-dots-dark-blue};
--color-dots-light-blue: #{$color-img-dots-light-blue};
@@ -62,12 +58,12 @@ $color-img-dots-light-blue: $palette-primary-10;
// Optinally go with #333 or somewhat dark gray instead of pure black
--color-bg: black;
--color-wrapper-bg: black;
--color-fg: white;
--color-fg-inverted: black;
// Former $color-blue
--color-fg-primary: #{$palette-primary-10};
// Former $color-blue-thin
--color-bg-primary: #{$palette-primary-dark-10};
@@ -75,15 +71,11 @@ $color-img-dots-light-blue: $palette-primary-10;
--color-bg-mobile-menu-header: #{$palette-primary};
--color-bg-mobile-menu: #{$palette-primary-dark-10};
--color-fg-mobile-menu: #{$palette-primary-30};
--color-hor-line: #{$palette-primary-10};
--color-tr-a: #222;
--color-tr-b: #444;
--color-th-bg: #{$palette-primary-dark-10};
--color-th-fg: white;
--color-dots-gray: #{$color-img-dots-gray};
--color-dots-dark-blue: #{$color-img-dots-dark-blue};
--color-dots-light-blue: #{$color-img-dots-light-blue};

1
themes/tsc_vfl/assets/css/_images.scss
View File

@@ -41,6 +41,7 @@
a {
display: block;
// margin: 0 auto;
img {

2
themes/tsc_vfl/assets/css/_schedule.scss
View File

@@ -91,7 +91,7 @@
left: 67.5%;
}
&.room-otto_welker_saal {
&.room-otto-welker-saal {
display: none;
}

10
themes/tsc_vfl/assets/css/main.scss
View File

@@ -1,7 +1,7 @@
@use 'responsive.scss' as r;
@use './schedule';
@use './colors.scss' as *;
@use './images.scss';
@use './images';
/* Variables */
$total-width: 95%;
@@ -230,12 +230,15 @@ table {
.logo-light {
visibility: hidden;
}
.logo-vfl {
--url: var(--logo-vfl-dark);
}
.logo {
--url: var(--logo-tsc-dark);
}
.space {
background-size: contain;
background-position: center;
@@ -378,6 +381,7 @@ table {
a {
@include menu-style;
color: var(--color-fg-primary);
}
}
@@ -404,6 +408,7 @@ table {
position: absolute;
z-index: -10;
background-color: var(--color-overlay-bg);
// opacity: 0.5;
}
@@ -633,6 +638,7 @@ table {
margin: 5px 0 5px 20px;
@include menu-style;
color: var(--color-fg-mobile-menu);
@include r.media-large {
@@ -690,7 +696,7 @@ table {
.vorne {
background-color: var(--color-bg-vhvorne);
color: val(--color-fg-vhvorne);
color: var(--color-fg-vhvorne);
}
.mitte {