Skip to content

Commit cb0eb4e

Browse files
authored
Dark mode bug fixes (#246)
* Add dark mode styles and temporary toggle * Consolidate styles and use sass names * Fix package-lock.json * Second try * Regenerate package-lock.json * Bugfixes * Prefix app to tag names
1 parent 0569ec8 commit cb0eb4e

1 file changed

Lines changed: 28 additions & 0 deletions

File tree

app/assets/sass/components/_dark-mode.scss

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -215,6 +215,34 @@ $app-dark-mode-link-visited-colour: #d055a5;
215215
background: $app-dark-mode-background-secondary;
216216
color: $app-dark-mode-text-colour;
217217
}
218+
219+
.nhsuk-tag--red {
220+
background-color: $app-tag--red-dark-background;
221+
border-color: $app-tag--red-dark-border;
222+
color: $app-tag--red-dark-text;
223+
}
224+
225+
.nhsuk-tag--green {
226+
background-color: $app-tag--green-dark-background;
227+
border-color: $app-tag--green-dark-border;
228+
color: $app-tag--green-dark-text;
229+
}
230+
231+
.nhsuk-tag--orange {
232+
background-color: $app-tag--orange-dark-background;
233+
border-color: $app-tag--orange-dark-border;
234+
color: $app-tag--orange-dark-text;
235+
}
236+
237+
.nhsuk-tag--blue {
238+
background-color: $app-tag--blue-dark-background;
239+
border-color: $app-tag--blue-dark-border;
240+
color: $app-tag--blue-dark-text;
241+
}
242+
243+
.nhsuk-error-summary__title {
244+
color: $app-dark-mode-text-colour;
245+
}
218246
// Component overrides
219247
.nhsuk-card {
220248
background: $app-dark-mode-surface;

0 commit comments

Comments
 (0)