jjkiers/cloudron-box
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Try arimo and better dark mode

Browse Source
This commit is contained in:
Johannes Zellner
2025-01-07 01:22:30 +01:00
parent 3f2c7542f8
commit f1b9ce61e1
4 changed files with 41 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
dashboard/src/modules.js
View File

@@ -4,6 +4,8 @@ window.cloudronApiOrigin = import.meta.env.VITE_API_ORIGIN || '';
import '@fortawesome/fontawesome-free/css/all.min.css';
import '@fontsource/noto-sans';
import '@fontsource/dm-sans';
import '@fontsource/arimo';
import '@fontsource/inter';
import 'bootstrap-sass';
import Chart from 'chart.js/auto';

16
dashboard/src/theme.scss
View File

@@ -10,8 +10,8 @@ $brand-warning: #f0ad4e !default;
$brand-danger: #ff4c4c !default;
$body-bg: #f4f4f4;
$font-family-sans-serif: "Inter", "Noto Sans", Helvetica, Arial, sans-serif;
$font-family-heading: "Inter Light", "Noto Sans Light", Helvetica, Arial, sans-serif;
$font-family-sans-serif: "Arimo", "DM Sans", "Noto Sans", Helvetica, Arial, sans-serif;
$font-family-heading: "Arimo", "DM Sans", "Noto Sans", Helvetica, Arial, sans-serif;
$navbar-default-link-color: $brand-primary !default;
$navbar-default-link-hover-color: #62bdfc !default;
@@ -68,6 +68,9 @@ html {
--card-background: #15181f;
--navbar-background: #11161f;
--body-background: #0b0e14;
--pankow-dialog-background-color: var(--navbar-background);
--pankow-color-background: var(--navbar-background);
--pankow-text-color: white;
}
}
@@ -434,6 +437,12 @@ html, body {
.nav-sidebar-list {
overflow: auto;
padding-top: 20px;
scrollbar-color: transparent transparent;
scrollbar-width: thin;
}
.nav-sidebar-list:hover {
scrollbar-color: var(--color-neutral-border) transparent;
}
.nav-sidebar-item {
@@ -2443,7 +2452,8 @@ tag-input {
// ----------------------------
@media (prefers-color-scheme: dark) {
$textColor: #959595;
// $textColor: #959595;
$textColor: #ccc;
$backgroundLight: #2b2b2e;
$backgroundDark: #1c1c1c;