aria/pds-dash
1
0
Fork 0
mirror of https://git.witchcraft.systems/scientific-witchery/pds-dash.git synced 2025-06-08 07:54:05 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

Theme tweaks

Browse source
This commit is contained in:
Astra 2025-05-16 07:26:16 +09:00
parent 04735a538d
commit 12f3586f74
No known key found for this signature in database
3 changed files with 15 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

6
config.ts.example
View file

@ -9,10 +9,10 @@ export class Config {
static readonly PDS_URL: string = ""; static readonly PDS_URL: string = "";
/** /**
* Theme css file to be used * Theme to be used
* @default "theme.css" * @default "default"
*/ */
static readonly THEME: string = "themes/theme.css"; static readonly THEME: string = "default";
/** /**
* The base URL of the frontend service for linking to replies/quotes/accounts etc. * The base URL of the frontend service for linking to replies/quotes/accounts etc.

22
themes/default/theme.css
View file

@ -1,20 +1,20 @@
/* Generic Default Theme for pds-dash */ /* Modern Theme for pds-dash */
:root { :root {
/* Color overrides, edit to whatever you want */ /* Modern color palette */
--link-color: #3b82f6; --link-color: #4f46e5;
--link-hover-color: #2563eb; --link-hover-color: #4338ca;
--time-color: #8b5cf6; --time-color: #8b5cf6;
--background-color: #f9fafb; --background-color: #f8fafc;
--header-background-color: #ffffff; --header-background-color: #ffffff;
--content-background-color: #ffffff; --content-background-color: #ffffff;
--text-color: #1f2937; --text-color: #111827;
--border-color: #e5e7eb; --text-secondary-color: #4b5563;
--indicator-inactive-color: #d1d5db; --border-color: #e2e8f0;
--indicator-inactive-color: #cbd5e1;
--indicator-active-color: #6366f1; --indicator-active-color: #6366f1;
--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
--hover-bg: #f3f4f6; /* Modern shadows */
--button-bg: #f9fafb;
--button-hover: #f3f4f6; --button-hover: #f3f4f6;
} }

9
themes/witchcraft/theme.css
View file

@ -238,7 +238,7 @@ a:hover {
} }
#accountName { #accountName {
margin-left: 10px; margin-left: 10px;
font-size: 0.9em; font-size: 1em;
max-width: 80%; max-width: 80%;
/* replace overflow with ellipsis */ /* replace overflow with ellipsis */
@ -246,13 +246,6 @@ a:hover {
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
#avatar {
width: 50px;
height: 50px;
margin: 0px;
object-fit: cover;
border-right: var(--border-color) 1px solid;
}
/* App.Svelte */ /* App.Svelte */
/* desktop style */ /* desktop style */