Skip to content

Commit 5ae5b1d

Browse files
committed
Appears the focus on the theme toggle button
1 parent 25cb114 commit 5ae5b1d

File tree

1 file changed

+14
-0
lines changed
  • tutorindigo/templates/indigo/lms/static/sass/extra

1 file changed

+14
-0
lines changed

tutorindigo/templates/indigo/lms/static/sass/extra/_header.scss

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -215,6 +215,13 @@ header.global-header {
215215
opacity: 0;
216216
width: 0;
217217
height: 0;
218+
219+
&:focus {
220+
~ .slider {
221+
outline: 2px solid $primary;
222+
outline-offset: 1px;
223+
}
224+
}
218225
}
219226

220227
/* The slider */
@@ -331,6 +338,13 @@ body.indigo-dark-theme {
331338
}
332339
#toggle-switch {
333340
.switch {
341+
input {
342+
&:focus {
343+
~ .slider {
344+
outline-color: $primary-d;
345+
}
346+
}
347+
}
334348
/* The slider */
335349
.slider {
336350
background-color: #ccc;

0 commit comments

Comments
 (0)