Skip to content

Commit da55501

Browse files
committed
little mode apparence improvement
1 parent fdd7dc4 commit da55501

2 files changed

Lines changed: 10 additions & 3 deletions

File tree

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,12 @@
11
<div class="modes">
2-
<img src="../../../../../../assets/icons/sun.png" alt="Light Mode">
2+
<img src="../../../../../../assets/icons/sun.png"
3+
alt="Light Mode"
4+
[ngClass]="!mode ? 'modes__selected' : ''">
35
<label class="switch">
46
<input type="checkbox" [(ngModel)]="mode" (change)="modeChanged()">
57
<span class="slider round"></span>
68
</label>
7-
<img src="../../../../../../assets/icons/moon.png" alt="Dark Mode">
9+
<img src="../../../../../../assets/icons/moon.png"
10+
alt="Dark Mode"
11+
[ngClass]="mode ? 'modes__selected' : ''">
812
</div>

public/src/app/components/landing/top/tools/modes/modes.component.scss

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -64,4 +64,7 @@ input:checked + .slider:before {
6464
display: flex;
6565
align-items: center;
6666

67-
}
67+
&__selected {
68+
filter: brightness(2);
69+
}
70+
}

0 commit comments

Comments
 (0)