jostreff/wireguard-ui
1
0
Fork 0
mirror of https://github.com/ngoduykhanh/wireguard-ui.git synced 2025-07-14 18:28:16 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Dark mode

Browse source 
This provides a lightweight dark mode.  This is a work in progress.

There's darker styles when the operating system is in dark mode.

If you would like to try it out I am currently applying this patch in my [home assistant addon][ha-addon].

closes #580

Screenshots
-----------

![image](https://github.com/user-attachments/assets/56a66d64-b6e6-4dea-b1dd-5c5d40440f6f)

![Image](https://github.com/user-attachments/assets/899a76b5-8a9a-4a8a-8963-b3bdd267985a)

![Image](https://github.com/user-attachments/assets/c3acdc84-e44e-4374-af04-e5fa1b3e2e46)

![Image](https://github.com/user-attachments/assets/f37d0dd3-2970-4b27-8163-5894956b248d)

![image](https://github.com/user-attachments/assets/968e14ca-445b-4abd-89c8-69bd143e93a0)

![Image](https://github.com/user-attachments/assets/d0000ce5-0325-480d-be98-3dd0f5dcafe2)

[ha-addon]: https://github.com/samrocketman/addons-homeassistant/
This commit is contained in:
Sam Gleske 2025-05-07 16:50:03 -04:00
parent 2fdafd34ca
commit 8e4147ed20
4 changed files with 86 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
templates/base.html
View file

@ -27,6 +27,8 @@
<link rel="stylesheet" href="{{.basePath}}/static/dist/css/adminlte.min.css">
<!-- Google Font: Source Sans Pro -->
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
<!-- Custom css -->
<link rel="stylesheet" href="{{.basePath}}/static/custom/css/darkmode.css">
<!-- START: On page css -->
{{template "top_css" .}}

2
templates/login.html
View file

@ -20,6 +20,8 @@
<link rel="stylesheet" href="{{.basePath}}/static/dist/css/adminlte.min.css">
<!-- Google Font: Source Sans Pro -->
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
<!-- Custom css -->
<link rel="stylesheet" href="{{.basePath}}/static/custom/css/darkmode.css">
</head>
<body class="hold-transition login-page">