File tree Expand file tree Collapse file tree
app/assets/sass/components Expand file tree Collapse file tree Original file line number Diff line number Diff line change @@ -16,6 +16,20 @@ $app-dark-mode-link-hover-colour: #ffeb3b;
1616$app-dark-mode-link-active-colour : #000 ;
1717$app-dark-mode-link-visited-colour : #d055a5 ;
1818
19+ // Tags
20+ $app-tag--red-dark-background : nhsuk-shade (nhsuk-colour (" red" ), 50% );
21+ $app-tag--red-dark-border : nhsuk-tint (nhsuk-colour (" red" ), 80% );
22+ $app-tag--red-dark-text : nhsuk-tint (nhsuk-colour (" red" ), 80% );
23+ $app-tag--green-dark-background : nhsuk-shade (nhsuk-colour (" green" ), 40% );
24+ $app-tag--green-dark-border : nhsuk-tint (nhsuk-colour (" green" ), 80% );
25+ $app-tag--green-dark-text : nhsuk-tint (nhsuk-colour (" green" ), 80% );
26+ $app-tag--orange-dark-background : nhsuk-shade (nhsuk-colour (" warm-yellow" ), 70% );
27+ $app-tag--orange-dark-border : nhsuk-tint (nhsuk-colour (" warm-yellow" ), 50% );
28+ $app-tag--orange-dark-text : nhsuk-tint (nhsuk-colour (" warm-yellow" ), 50% );
29+ $app-tag--blue-dark-background : nhsuk-shade (nhsuk-colour (" blue" ), 30% );
30+ $app-tag--blue-dark-border : nhsuk-tint (nhsuk-colour (" blue" ), 80% );
31+ $app-tag--blue-dark-text : nhsuk-tint (nhsuk-colour (" blue" ), 80% );
32+
1933@mixin app-dark-mode-focused-text {
2034 background-color : $nhsuk-focus-colour ;
2135 box-shadow :
You can’t perform that action at this time.
0 commit comments