Altitude/AltitudeWeb
5
0
Fork 0
Code Issues 12 Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed darkmode working in the navbar

Browse Source
This commit is contained in:
Peter 2025-04-05 18:17:57 +02:00
parent 50d28e62d9
commit 5bf9c725f4
3 changed files with 10 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/app/header/header.component.html
View File

@ -70,7 +70,7 @@
</li> </li>
<li class="nav_li"> <li class="nav_li">
<span [id]="getCurrentPageId(['map', 'customfeatures', 'economy', 'events', 'mypet', 'warps', <span [id]="getCurrentPageId(['map', 'customfeatures', 'economy', 'events', 'mypet', 'warps',
'skyblock', 'claiming'])" class="nav_link fake_link">Features</span> 'skyblock', 'claiming'])" class="nav_link fake_link" [ngClass]="active">Features</span>
<ul class="dropdown"> <ul class="dropdown">
<li class="nav_li"><a class="nav_link2" [routerLink]="['/map']">Map</a></li> <li class="nav_li"><a class="nav_link2" [routerLink]="['/map']">Map</a></li>
<li class="nav_li"><a class="nav_link2" [routerLink]="['/economy']">Economy</a></li> <li class="nav_li"><a class="nav_link2" [routerLink]="['/economy']">Economy</a></li>
@ -88,7 +88,7 @@
<li class="nav_li"> <li class="nav_li">
<span <span
[id]="getCurrentPageId(['guide', 'faq', 'ranks', 'rules', 'commandlist', 'art', 'lag', 'staffpowers', [id]="getCurrentPageId(['guide', 'faq', 'ranks', 'rules', 'commandlist', 'art', 'lag', 'staffpowers',
'nicknames', 'bans'])" class="nav_link fake_link">Reference</span> 'nicknames', 'bans'])" class="nav_link fake_link" [ngClass]="active">Reference</span>
<ul class="dropdown"> <ul class="dropdown">
<li class="nav_li"><a class="nav_link2" [routerLink]="['/guide']">Guide Book</a></li> <li class="nav_li"><a class="nav_link2" [routerLink]="['/guide']">Guide Book</a></li>
<!-- <li class="navli"><a class="nav_link2" [routerLink]="['/faq']">FAQ</a></li> --> <!-- <li class="navli"><a class="nav_link2" [routerLink]="['/faq']">FAQ</a></li> -->
@ -103,15 +103,15 @@
</ul> </ul>
</li> </li>
<li class="nav_li"><a class="nav_link" target="_blank" rel="noopener" <li class="nav_li"><a class="nav_link" target="_blank" rel="noopener"
href="https://discordapp.com/invite/TGqpzCJ">Discord</a></li> href="https://discordapp.com/invite/TGqpzCJ" [ngClass]="active">Discord</a></li>
<li class="nav_li"><a [id]="getCurrentPageId(['vote'])" class="nav_link" [routerLink]="['/vote']">Vote</a> <li class="nav_li"><a [id]="getCurrentPageId(['vote'])" class="nav_link" [routerLink]="['/vote']" [ngClass]="active">Vote</a>
</li> </li>
<li class="nav_li"> <li class="nav_li">
<a class="nav_link" target="_blank" rel="noopener" href="https://store.alttd.com">Store</a> <a class="nav_link" target="_blank" rel="noopener" href="https://store.alttd.com" [ngClass]="active">Store</a>
</li> </li>
<li class="nav_li"> <li class="nav_li">
<a [id]="getCurrentPageId(['about', 'team', 'community', 'birthdays'])" <a [id]="getCurrentPageId(['about', 'team', 'community', 'birthdays'])"
class="nav_link fake_link">Altitude</a> class="nav_link fake_link" [ngClass]="active">Altitude</a>
<ul class="dropdown"> <ul class="dropdown">
<li class="nav_li"><a class="nav_link2" [routerLink]="['/about']">About Us</a></li> <li class="nav_li"><a class="nav_link2" [routerLink]="['/about']">About Us</a></li>
<li class="nav_li"><a class="nav_link2" [routerLink]="['/socials']">Socials</a></li> <li class="nav_li"><a class="nav_link2" [routerLink]="['/socials']">Socials</a></li>

1
frontend/src/app/header/header.component.scss
View File

@ -15,7 +15,6 @@ header .container {
} }
#header-img { #header-img {
//width: 45%; TODO peter figure out why you added this cus it makes the logo weird af
max-width: 550px; max-width: 550px;
padding-bottom: 15px; padding-bottom: 15px;
margin-top: -120px; margin-top: -120px;

8
frontend/src/app/theme/theme.service.ts
View File

@ -9,7 +9,7 @@ import {THEME_MODE} from '../constant';
export class ThemeService { export class ThemeService {
private readonly THEME_KEY = 'theme'; private readonly THEME_KEY = 'theme';
private themeSubject: BehaviorSubject<THEME_MODE> = new BehaviorSubject<THEME_MODE>(THEME_MODE.DARK); private themeSubject: BehaviorSubject<THEME_MODE> = new BehaviorSubject<THEME_MODE>(THEME_MODE.LIGHT);
public theme$ = this.themeSubject.asObservable(); public theme$ = this.themeSubject.asObservable();
constructor(private cookieService: CookieService) { constructor(private cookieService: CookieService) {
@ -22,9 +22,9 @@ export class ThemeService {
: THEME_MODE.DARK; : THEME_MODE.DARK;
let currentTheme: THEME_MODE; let currentTheme: THEME_MODE;
switch (savedTheme) { switch (savedTheme) {
case THEME_MODE.LIGHT: currentTheme = THEME_MODE.LIGHT; break; case THEME_MODE.DARK: currentTheme = THEME_MODE.DARK; break;
case THEME_MODE.DARK: case THEME_MODE.LIGHT:
default: currentTheme = THEME_MODE.DARK; default: currentTheme = THEME_MODE.LIGHT;
} }
this.setTheme(currentTheme); this.setTheme(currentTheme);
} }