diff --git a/themes/nluug/assets/scss/_colors.scss b/themes/nluug/assets/scss/_colors.scss index fae16ae..c145cb9 100644 --- a/themes/nluug/assets/scss/_colors.scss +++ b/themes/nluug/assets/scss/_colors.scss @@ -11,7 +11,7 @@ $color-header: #6A2060; $color-highlight-box-other-border: #99AFE2; $color-highlight-box-other-background: #E3E9F7; $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-text-inverse: white; $color-tags-background: #6A2060; diff --git a/themes/nluug/assets/scss/styles.scss b/themes/nluug/assets/scss/styles.scss index 34726cf..6ca3a49 100644 --- a/themes/nluug/assets/scss/styles.scss +++ b/themes/nluug/assets/scss/styles.scss @@ -69,7 +69,7 @@ h4, h5, strong, b { } // Highlight-box om bijvoorbeeld onze evenementen opvallend op homepage te laten zien .highlight-box { - border-radius: 4px; + border-radius: 6px; margin: 2px; 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. .highlight-box-nluug { 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 { 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; } +.darkgreen { + color: darkgreen; +} + +.darkred { + color: darkred; +} + .time { font-variant-numeric: tabular-nums; white-space: nowrap;