diff --git a/config.ts.example b/config.ts.example index 3b78dde..87894d3 100644 --- a/config.ts.example +++ b/config.ts.example @@ -9,10 +9,10 @@ export class Config { static readonly PDS_URL: string = ""; /** - * Theme css file to be used - * @default "theme.css" + * Theme to be used + * @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. diff --git a/themes/default/theme.css b/themes/default/theme.css index f1182d2..1b1682b 100644 --- a/themes/default/theme.css +++ b/themes/default/theme.css @@ -1,20 +1,20 @@ -/* Generic Default Theme for pds-dash */ +/* Modern Theme for pds-dash */ :root { - /* Color overrides, edit to whatever you want */ - --link-color: #3b82f6; - --link-hover-color: #2563eb; + /* Modern color palette */ + --link-color: #4f46e5; + --link-hover-color: #4338ca; --time-color: #8b5cf6; - --background-color: #f9fafb; + --background-color: #f8fafc; --header-background-color: #ffffff; --content-background-color: #ffffff; - --text-color: #1f2937; - --border-color: #e5e7eb; - --indicator-inactive-color: #d1d5db; + --text-color: #111827; + --text-secondary-color: #4b5563; + --border-color: #e2e8f0; + --indicator-inactive-color: #cbd5e1; --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; - --button-bg: #f9fafb; + + /* Modern shadows */ --button-hover: #f3f4f6; } diff --git a/themes/witchcraft/theme.css b/themes/witchcraft/theme.css index 1f9cb00..cd15805 100644 --- a/themes/witchcraft/theme.css +++ b/themes/witchcraft/theme.css @@ -238,7 +238,7 @@ a:hover { } #accountName { margin-left: 10px; - font-size: 0.9em; + font-size: 1em; max-width: 80%; /* replace overflow with ellipsis */ @@ -246,13 +246,6 @@ a:hover { text-overflow: ellipsis; white-space: nowrap; } -#avatar { - width: 50px; - height: 50px; - margin: 0px; - object-fit: cover; - border-right: var(--border-color) 1px solid; -} /* App.Svelte */ /* desktop style */