nonshy/website
nonshy/website
1
0
Fork 0
Code Issues 20 Pull Requests 1 Packages Projects Releases Wiki Activity

Dark theme fixes for Microsoft Edge

Browse Source
This commit is contained in:
Noah Petherbridge 2024-04-01 17:53:19 -07:00
parent 6a483929d2
commit 58eaf53694
10 changed files with 70 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/static/css/bulma-dark-theme.css
View File

@ -1,4 +1,9 @@
/* Forced dark theme for Bulma (custom created for nonshy) */
/* nonshy custom overrides */
@import url("dark-theme.css");
/* Copied from bulma.css - original dark theme styles */
:root {
--bulma-white-on-scheme-l: 100%;
--bulma-white-on-scheme: hsla(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-on-scheme-l), 1);

46
web/static/css/dark-theme.css Normal file
View File

@ -0,0 +1,46 @@
/* Custom nonshy color overrides for Bulma's dark theme */
/* nonshy custom overrides */
.has-background-primary-light {
background-color: rgba(28, 166, 76, 0.25) !important;
}
.has-background-success-light, .has-background-success {
background-color: rgba(19, 71, 37, 0.685) !important
}
.has-background-warning-light, .has-background-warning, .nonshy-navbar-notification-tag.is-warning {
background-color: rgb(100, 90, 41) !important;
}
.has-background-link-light {
background-color: rgba(15, 129, 204, 0.25) !important;
}
.has-text-dark {
/* note: this css file otherwise didn't override this, dark's always dark, brighten it! */
color: #b5b5b5 !important;
}
a.has-text-dark:focus,
a.has-text-dark:hover {
color: #d5d5d5 !important;
}
.modal-background {
background-color: rgba(0, 0, 0, 0.86) !important;
}
/* Tag color overrides */
.tag.is-grey {
background-color: #3f3f3f;
color: #eee;
}
.tag.is-danger.is-light {
background-color: #500;
color: #FCC;
}
.tag.is-warning {
background-color: #550;
color: #FFC;
}

5
web/static/css/nonshy-prefers-dark.css Normal file
View File

@ -0,0 +1,5 @@
/* Custom nonshy color overrides for Bulma's dark theme
(prefers-dark edition) */
@media (prefers-color-scheme: dark) {
@import url("dark-theme.css");
}

2
web/templates/account/dashboard.html
View File

@ -269,7 +269,7 @@
<div class="column">
<div class="card" id="notifications">
<header class="card-header has-background-warning">
<p class="card-header-title has-text-dark">Notifications</p>
<p class="card-header-title">Notifications</p>
</header>
<div class="card-content">

2
web/templates/base.html
View File

@ -13,6 +13,8 @@
<link rel="stylesheet" type="text/css" href="/static/css/bulma-no-dark-mode.min.css?build={{.BuildHash}}">
{{else if eq .WebsiteTheme "dark"}}
<link rel="stylesheet" type="text/css" href="/static/css/bulma-dark-theme.css?build={{.BuildHash}}">
{{else}}
<link rel="stylesheet" type="text/css" href="/static/css/nonshy-prefers-dark.css?build={{.BuildHash}}">
{{end}}
<link rel="stylesheet" href="/static/fontawesome-free-6.1.2-web/css/all.css">
<link rel="stylesheet" href="/static/css/theme.css?build={{.BuildHash}}">

6
web/templates/forum/board_index.html
View File

@ -5,10 +5,8 @@
<div class="hero-body">
<div class="container">
<h1 class="title">
<a href="/f/{{.Forum.Fragment}}" class="has-text-light">
<span class="icon mr-4"><i class="fa fa-comments"></i></span>
<span>{{.Forum.Title}}</span>
</a>
<span class="icon mr-4"><i class="fa fa-comments"></i></span>
<span>{{.Forum.Title}}</span>
</h1>
</div>
</div>

6
web/templates/forum/index.html
View File

@ -83,21 +83,21 @@
<div>
{{if .Explicit}}
<span class="tag is-danger is-light has-text-dark">
<span class="tag is-danger is-light">
<span class="icon"><i class="fa fa-fire"></i></span>
<span>Explicit</span>
</span>
{{end}}
{{if .Privileged}}
<span class="tag is-warning is-light has-text-dark">
<span class="tag is-warning is-light">
<span class="icon"><i class="fa fa-peace"></i></span>
<span>Privileged</span>
</span>
{{end}}
{{if .PermitPhotos}}
<span class="tag is-grey has-text-dark">
<span class="tag is-grey">
<span class="icon"><i class="fa fa-camera"></i></span>
<span>Photos</span>
</span>

6
web/templates/forum/thread.html
View File

@ -5,10 +5,8 @@
<div class="hero-body">
<div class="container">
<h1 class="title">
<a href="/f/{{.Forum.Fragment}}" class="has-text-light">
<span class="icon mr-4"><i class="fa fa-comments"></i></span>
<span>{{.Forum.Title}}</span>
</a>
<span class="icon mr-4"><i class="fa fa-comments"></i></span>
<span>{{.Forum.Title}}</span>
</h1>
</div>
</div>

6
web/templates/index.html
View File

@ -107,7 +107,7 @@
<div class="card-content p-2">
<ul class="menu-list">
<li>
<a href="/messages"{{if .NavUnreadMessages}} class="has-text-warning-dark"{{end}}>
<a href="/messages"{{if .NavUnreadMessages}} class="has-text-warning"{{end}}>
<span class="icon"><i class="fa fa-envelope"></i></span>
{{if .NavUnreadMessages}}
<span>{{.NavUnreadMessages}} New Message{{Pluralize64 .NavUnreadMessages}}!</span>
@ -117,7 +117,7 @@
</a>
</li>
<li>
<a href="/friends{{if .NavFriendRequests}}?view=requests{{end}}"{{if .NavFriendRequests}} class="has-text-warning-dark"{{end}}>
<a href="/friends{{if .NavFriendRequests}}?view=requests{{end}}"{{if .NavFriendRequests}} class="has-text-warning"{{end}}>
<span class="icon"><i class="fa fa-user-group"></i></span>
{{if .NavFriendRequests}}
<span>{{.NavFriendRequests}} Friend Request{{Pluralize64 .NavFriendRequests}}!</span>
@ -127,7 +127,7 @@
</a>
</li>
<li>
<a href="/me{{if .NavUnreadNotifications}}?view=requests{{end}}"{{if .NavUnreadNotifications}} class="has-text-warning-dark"{{end}}>
<a href="/me{{if .NavUnreadNotifications}}?view=requests{{end}}"{{if .NavUnreadNotifications}} class="has-text-warning"{{end}}>
<span class="icon"><i class="fa {{if .NavUnreadNotifications}}fa-bell{{else}}fa-home-user{{end}}"></i></span>
{{if .NavUnreadNotifications}}
<span>{{.NavUnreadNotifications}} New Notification{{Pluralize64 .NavUnreadNotifications}}!</span>

2
web/templates/photo/permalink.html
View File

@ -178,7 +178,7 @@
</p>
</header>
<div class="card-content">
<div class="card-content px-4">
<form action="/comments" method="POST">
{{InputCSRF}}
<input type="hidden" name="table_name" value="photos">