public/website
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Importeren nieuwe kleuren t.b.v. huisstijl

Browse source
This commit is contained in:
Michael Boelen 2024-01-31 15:16:27 +01:00
parent 0c21fcd49c
commit 83583f55c0
1 changed files with 64 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

77
themes/nluug/assets/scss/_colors.scss
View file

@ -1,19 +1,70 @@
// Old colors:
// purple: #6A2060 // purple: #6A2060
// light purple-grey: #DCC9DB // light purple-grey: #DCC9DB
// darkblue: #1D3160 // darkblue: #1D3160
$color-button: #1D3160; // New colors (2024)
$color-button-hover: #17274d; // Primary colours are Midnight blue (HEX: #26266B) and Magenta (HEX: #FA198B)
$color-button-call-to-action: #138808;
$color-button-call-to-action-hover: #0F6D06; // %25 donkerder dan #138808 met encycolorpedia // Mignight blue:
$color-header: #6A2060; // Original: #26266B
$color-highlight-box-other-border: #99AFE2; // Medium: #515189
$color-highlight-box-other-background: #E3E9F7; // Light: #7D7DA6
$color-highlight-box-nluug-border: #6A2060;
$color-highlight-box-nluug-background: #F5E1ED; // Magenta
$color-border: #6A2060; // Original: #FA198B
$color-text-inverse: white; // Medium: #FB47A2
$color-tags-background: #6A2060; // Light: #FC75B9
$color-tags-text: white;
// Persian green
// Original: #1B998B
// Medium: #49ADA2
// Light: #76C2B9
// Amber
// Original: #F2BB05
// Medium: #F5C937
// Light: #F7D669
// Raisin black
// Original: #222226
// Medium: #4E4E51
// Light: #7A7A7D
// Ghost white
// Original: #FAFAFF
// Medium: #FBFBFF
// Light: #FCFCFF
//$color-button: #26266B;
$color-button: #1B998B;
//$color-button-hover: #17274d;
$color-button-hover: #49ADA2;
//$color-button-call-to-action: #138808;
$color-button-call-to-action: #F2BB05;
//$color-button-call-to-action-hover: #0F6D06; // %25 donkerder dan #138808 met encycolorpedia
$color-button-call-to-action-hover: #F5C937;
//$color-header: #6A2060;
$color-header: #26266B;
//$color-highlight-box-other-border: #99AFE2;
$color-highlight-box-other-border: #515189;
//$color-highlight-box-other-background: #E3E9F7;
$color-highlight-box-other-background: #7D7DA6;
//$color-highlight-box-nluug-border: #6A2060;
$color-highlight-box-nluug-border: #515189;
//$color-highlight-box-nluug-background: #F5E1ED;
$color-highlight-box-nluug-background: #7D7DA6;
//$color-border: #6A2060;
$color-border: #26266B;
//$color-text-inverse: white;
$color-text-inverse: #FAFAFF;
//$color-tags-background: #6A2060;
$color-tags-background: #26266B;
//$color-tags-text: white;
$color-tags-text: #FAFAFF;