Line 622: |
Line 622: |
| /* General styling */ | | /* General styling */ |
| :root { | | :root { |
− | --main-primary-color: #40798C; | + | --primary-color: #40798C; |
− | --main-primary-color-light:#B8C4CA; | + | --primary-color-light:#B8C4CA; |
− | --main-secondary-color: #70A9A1; | + | --secondary-color: #70A9A1; |
− | --main-dark-color: #0b2027; | + | --dark-color: #0B2027; |
| + | |
| + | --success-color-light: #D2FBD0; |
| + | --success-color: #11620B; |
| } | | } |
| | | |
Line 653: |
Line 656: |
| .mw-parser-output a, .mw-parser-output a:link, .mw-parser-output a:visited, .mw-parser-output a:focus, | | .mw-parser-output a, .mw-parser-output a:link, .mw-parser-output a:visited, .mw-parser-output a:focus, |
| .mw-parser-output a, .mw-parser-output a.external:link, .mw-parser-output a.external:visited, .mw-parser-output a.external:focus { | | .mw-parser-output a, .mw-parser-output a.external:link, .mw-parser-output a.external:visited, .mw-parser-output a.external:focus { |
− | color: var(--main-primary-color) !important; | + | color: var(--primary-color) !important; |
| } | | } |
| | | |
| a:hover, a.external:hover, .mw-parser-output a:hover, .mw-parser-output a.external:hover { | | a:hover, a.external:hover, .mw-parser-output a:hover, .mw-parser-output a.external:hover { |
− | color: var(--main-secondary-color) !important; | + | color: var(--secondary-color) !important; |
| } | | } |
| | | |
Line 668: |
Line 671: |
| | | |
| #bodyContent a:hover, #bodyContent a.external:hover, #bodyContent .mw-parser-output a:hover, #bodyContent .mw-parser-output a.external:hover { | | #bodyContent a:hover, #bodyContent a.external:hover, #bodyContent .mw-parser-output a:hover, #bodyContent .mw-parser-output a.external:hover { |
− | background-color: var(--main-secondary-color) !important; | + | background-color: var(--secondary-color) !important; |
| text-decoration: none; | | text-decoration: none; |
| color: white !important; | | color: white !important; |
Line 688: |
Line 691: |
| | | |
| #bodyContent div.pw-box.info{ | | #bodyContent div.pw-box.info{ |
− | border-color: var(--main-primary-color); | + | border-color: var(--primary-color); |
− | color: var(--main-primary-color); | + | color: var(--primary-color); |
− | background-color: var(--main-primary-color-light); | + | background-color: var(--primary-color-light); |
| } | | } |
| | | |
Line 696: |
Line 699: |
| border-color: var(--main-primary-color); | | border-color: var(--main-primary-color); |
| color: var(--main-primary-color); | | color: var(--main-primary-color); |
− | background-color: var(--main-primary-color-light); | + | background-color: var(--primary-color-light); |
| } | | } |
| | | |
Line 702: |
Line 705: |
| border-color: var(--main-primary-color); | | border-color: var(--main-primary-color); |
| color: var(--main-primary-color); | | color: var(--main-primary-color); |
− | background-color: var(--main-primary-color-light); | + | background-color: var(--primary-color-light); |
| } | | } |
| | | |
| #bodyContent div.pw-box.success{ | | #bodyContent div.pw-box.success{ |
− | border-color: var(--main-primary-color); | + | border-color: var(--success-color); |
− | color: var(--main-primary-color); | + | color: var(--success-color); |
− | background-color: var(--main-primary-color-light); | + | background-color: var(--success-color-light); |
| } | | } |