1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
From 34f456f165f3f9726ff8fccce0449959a3a111ca Mon Sep 17 00:00:00 2001
From: "Katja Ramona Sophie Kwast (zaphyra)" <git@zaphyra.eu>
Date: Sun, 24 Aug 2025 15:12:00 +0200
Subject: [PATCH] web/css: add some stuff
---
web/public/manifest.json | 2 +-
web/src/index.css | 85 ++++++++++++++++++++++++++++++++++++++++
2 files changed, 86 insertions(+), 1 deletion(-)
diff --git a/web/public/manifest.json b/web/public/manifest.json
index 1fbf843..7caa2fa 100644
--- a/web/public/manifest.json
+++ b/web/public/manifest.json
@@ -28,5 +28,5 @@
}],
"start_url": ".",
"display": "standalone",
- "theme_color": "#00c853"
+ "theme_color": "#262626"
}
diff --git a/web/src/index.css b/web/src/index.css
index 08d78d4..8d4ecda 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -293,3 +293,88 @@ a {
.hidden {
display: none !important;
}
+
+
+
+div.room-view {
+ grid-template: "header" 3.5rem "messageview" 1fr "autocomplete" 0 "typing" auto "input" auto / 1fr;
+}
+
+div.message-composer {
+ margin: 0;
+ border-radius: 0;
+}
+
+div.typing-notifications {
+ min-block-size: 1.6rem;
+ margin: 0;
+ padding-block: .25rem;
+ padding-inline: 1.6rem;
+ background-color: var(--background-color);
+
+ width: 100%;
+
+ box-shadow: 0 0 0.5rem var(--background-color);
+
+ bottom: 0;
+ position: absolute;
+
+ &.empty {
+ display: none;
+ }
+}
+
+@media (min-width: 721px) {
+ button.back {
+ display: none;
+ }
+}
+
+:root {
+ overscroll-behavior: none;
+
+ --background-color: #262626;
+ --border-color: #404040;
+ --space-list-background-overlay: #1A1A1A;
+ --room-list-background-overlay: #1A1A1A;
+ --timeline-hover-bg-color: #333;
+ --timeline-vertical-padding: .25rem;
+ --composer-background-color: #333;
+}
+
+img.avatar {
+ border-radius: 20%;
+}
+
+div.room-list-wrapper {
+ grid-template-columns: 4rem 1fr;
+}
+
+div.room-search-wrapper {
+ height: unset;
+}
+
+div.room-list-wrapper,
+div.space-bar {
+ border-right: 1px solid var(--border-color);
+}
+
+div.room-header,
+div.room-search-wrapper {
+ border-bottom: 1px solid var(--border-color);
+}
+
+div.space-entry,
+div.message-composer {
+ border: 1px solid var(--border-color);
+ padding: .35rem;
+}
+
+div.room-entry {
+ width: unset;
+ padding: .35rem;
+}
+
+div.space-entry {
+ margin: 0.8rem !important;
+}
--
2.50.1