witchcraft.systems
this repo has no description
Theme tweaks
astrra.space
+3
-3
config.ts.example
+3
-3
config.ts.example
···
9
9
static readonly PDS_URL: string = "";
10
10
11
11
/**
12
-
* Theme css file to be used
13
-
* @default "theme.css"
12
+
* Theme to be used
13
+
* @default "default"
14
14
*/
15
-
static readonly THEME: string = "themes/theme.css";
15
+
static readonly THEME: string = "default";
16
16
17
17
/**
18
18
* The base URL of the frontend service for linking to replies/quotes/accounts etc.
+11
-11
themes/default/theme.css
+11
-11
themes/default/theme.css
···
1
-
/* Generic Default Theme for pds-dash */
1
+
/* Modern Theme for pds-dash */
2
2
3
3
:root {
4
-
/* Color overrides, edit to whatever you want */
5
-
--link-color: #3b82f6;
6
-
--link-hover-color: #2563eb;
4
+
/* Modern color palette */
5
+
--link-color: #4f46e5;
6
+
--link-hover-color: #4338ca;
7
7
--time-color: #8b5cf6;
8
-
--background-color: #f9fafb;
8
+
--background-color: #f8fafc;
9
9
--header-background-color: #ffffff;
10
10
--content-background-color: #ffffff;
11
-
--text-color: #1f2937;
12
-
--border-color: #e5e7eb;
13
-
--indicator-inactive-color: #d1d5db;
11
+
--text-color: #111827;
12
+
--text-secondary-color: #4b5563;
13
+
--border-color: #e2e8f0;
14
+
--indicator-inactive-color: #cbd5e1;
14
15
--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;
16
+
17
+
/* Modern shadows */
18
18
--button-hover: #f3f4f6;
19
19
}
20
20
+1
-8
themes/witchcraft/theme.css
+1
-8
themes/witchcraft/theme.css
···
238
238
}
239
239
#accountName {
240
240
margin-left: 10px;
241
-
font-size: 0.9em;
241
+
font-size: 1em;
242
242
max-width: 80%;
243
243
244
244
/* replace overflow with ellipsis */
245
245
overflow: hidden;
246
246
text-overflow: ellipsis;
247
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
248
}
256
249
257
250
/* App.Svelte */