+3 -3

config.ts.example

··· 9 static readonly PDS_URL: string = ""; 10 11 /** 12 - * Theme css file to be used 13 - * @default "theme.css" 14 */ 15 - static readonly THEME: string = "themes/theme.css"; 16 17 /** 18 * The base URL of the frontend service for linking to replies/quotes/accounts etc.

··· 9 static readonly PDS_URL: string = ""; 10 11 /** 12 + * Theme to be used 13 + * @default "default" 14 */ 15 + static readonly THEME: string = "default"; 16 17 /** 18 * The base URL of the frontend service for linking to replies/quotes/accounts etc.

+11 -11

themes/default/theme.css

··· 1 - /* Generic Default Theme for pds-dash */ 2 3 :root { 4 - /* Color overrides, edit to whatever you want */ 5 - --link-color: #3b82f6; 6 - --link-hover-color: #2563eb; 7 --time-color: #8b5cf6; 8 - --background-color: #f9fafb; 9 --header-background-color: #ffffff; 10 --content-background-color: #ffffff; 11 - --text-color: #1f2937; 12 - --border-color: #e5e7eb; 13 - --indicator-inactive-color: #d1d5db; 0 14 --indicator-active-color: #6366f1; 15 - --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); 16 - --hover-bg: #f3f4f6; 17 - --button-bg: #f9fafb; 18 --button-hover: #f3f4f6; 19 } 20

··· 1 + /* Modern Theme for pds-dash */ 2 3 :root { 4 + /* Modern color palette */ 5 + --link-color: #4f46e5; 6 + --link-hover-color: #4338ca; 7 --time-color: #8b5cf6; 8 + --background-color: #f8fafc; 9 --header-background-color: #ffffff; 10 --content-background-color: #ffffff; 11 + --text-color: #111827; 12 + --text-secondary-color: #4b5563; 13 + --border-color: #e2e8f0; 14 + --indicator-inactive-color: #cbd5e1; 15 --indicator-active-color: #6366f1; 16 + 17 + /* Modern shadows */ 0 18 --button-hover: #f3f4f6; 19 } 20

+1 -8

themes/witchcraft/theme.css

··· 238 } 239 #accountName { 240 margin-left: 10px; 241 - font-size: 0.9em; 242 max-width: 80%; 243 244 /* replace overflow with ellipsis */ 245 overflow: hidden; 246 text-overflow: ellipsis; 247 white-space: nowrap; 248 - } 249 - #avatar { 250 - width: 50px; 251 - height: 50px; 252 - margin: 0px; 253 - object-fit: cover; 254 - border-right: var(--border-color) 1px solid; 255 } 256 257 /* App.Svelte */

··· 238 } 239 #accountName { 240 margin-left: 10px; 241 + font-size: 1em; 242 max-width: 80%; 243 244 /* replace overflow with ellipsis */ 245 overflow: hidden; 246 text-overflow: ellipsis; 247 white-space: nowrap; 0 0 0 0 0 0 0 248 } 249 250 /* App.Svelte */