Kleurstelling iets zachter en toevoegen donkergroen en donkerrood

This commit is contained in:
Michael Boelen 2023-06-15 19:41:56 +02:00
parent 9d78567e04
commit 7c8950f396
2 changed files with 12 additions and 4 deletions

View file

@ -11,7 +11,7 @@ $color-header: #6A2060;
$color-highlight-box-other-border: #99AFE2; $color-highlight-box-other-border: #99AFE2;
$color-highlight-box-other-background: #E3E9F7; $color-highlight-box-other-background: #E3E9F7;
$color-highlight-box-nluug-border: #6A2060; $color-highlight-box-nluug-border: #6A2060;
$color-highlight-box-nluug-background: #EBBCE5; // omgezet naar lichtere kleur via https://encycolorpedia.com/6a2060 $color-highlight-box-nluug-background: #F5E1ED;
$color-border: #6A2060; $color-border: #6A2060;
$color-text-inverse: white; $color-text-inverse: white;
$color-tags-background: #6A2060; $color-tags-background: #6A2060;

View file

@ -69,7 +69,7 @@ h4, h5, strong, b {
} }
// Highlight-box om bijvoorbeeld onze evenementen opvallend op homepage te laten zien // Highlight-box om bijvoorbeeld onze evenementen opvallend op homepage te laten zien
.highlight-box { .highlight-box {
border-radius: 4px; border-radius: 6px;
margin: 2px; margin: 2px;
padding: 20px; padding: 20px;
} }
@ -77,11 +77,11 @@ h4, h5, strong, b {
// Events voor alleen NLUUG-leden krijgen een andere kleur dan events in samenwerking met of die extra aandacht nodig hebben. // Events voor alleen NLUUG-leden krijgen een andere kleur dan events in samenwerking met of die extra aandacht nodig hebben.
.highlight-box-nluug { .highlight-box-nluug {
background-color: $color-highlight-box-nluug-background; background-color: $color-highlight-box-nluug-background;
border: 1px solid $color-highlight-box-nluug-border; border: 2px solid $color-highlight-box-nluug-border;
} }
.highlight-box-other { .highlight-box-other {
background-color: $color-highlight-box-other-background; background-color: $color-highlight-box-other-background;
border: 1px solid $color-highlight-box-other-border; border: 2px solid $color-highlight-box-other-border;
} }
@ -126,6 +126,14 @@ a.button:hover, a.button:active {
background-color: $color-button-call-to-action-hover; background-color: $color-button-call-to-action-hover;
} }
.darkgreen {
color: darkgreen;
}
.darkred {
color: darkred;
}
.time { .time {
font-variant-numeric: tabular-nums; font-variant-numeric: tabular-nums;
white-space: nowrap; white-space: nowrap;