a fork of iceshrimp.net but a tweaked frontend to my personal liking. waow
fediverse
social-media
social
iceshrimp
fedi
[frontend/components] restyle sidebar nav
+26
-7
+23
-5
Iceshrimp.Frontend/Layout/Sidebar.razor.css
+23
-5
Iceshrimp.Frontend/Layout/Sidebar.razor.css
···
7
7
8
8
::deep {
9
9
.active {
10
-
> .sidebar-btn {
10
+
>.sidebar-btn {
11
11
background: var(--highlight-color);
12
+
color: var(--link);
12
13
}
13
14
14
-
> .bottom-bar-btn {
15
+
>.bottom-bar-btn {
15
16
background: var(--highlight-color);
16
17
}
17
18
}
···
71
72
height: 2.5rem;
72
73
align-items: center;
73
74
justify-content: start;
74
-
border-radius: 1.25rem;
75
+
border-radius: var(--btn-radius);
75
76
padding-inline: 1rem;
76
77
margin-bottom: 0.5rem;
77
78
margin-inline: 1rem;
78
-
color: white;
79
+
color: var(--font-color);
79
80
font-size: 0.9em;
80
-
background: var(--foreground-color);
81
81
82
82
> .icon-wrapper {
83
83
padding-right: 0.5rem;
84
+
font-size: 1.5em !important;
85
+
/* why is there a style=“font-size: 16px” in the DOM? remove it !important when it's fixed */
84
86
}
85
87
}
86
88
···
90
92
91
93
.post-btn {
92
94
background: var(--accent-color);
95
+
color: var(--foreground-color);
96
+
}
97
+
98
+
.sidebar {
99
+
.post-btn {
100
+
display: flex;
101
+
justify-content: center;
102
+
padding: 2rem;
103
+
font-weight: bold;
104
+
position: relative;
105
+
106
+
i {
107
+
left: 1em;
108
+
position: absolute;
109
+
}
110
+
}
93
111
}
94
112
95
113
.rule {
+3
-2
Iceshrimp.Frontend/wwwroot/css/app.css
+3
-2
Iceshrimp.Frontend/wwwroot/css/app.css
···
17
17
--foreground-color: #17151e;
18
18
--highlight-color: #2e2b4c;
19
19
--hover-color: #3d3a66;
20
-
--accent-primary-color: #7b74cc;
21
-
--accent-secondary-color: #685bc4;
20
+
--accent-primary-color: #685bc4;
21
+
--accent-secondary-color: #7b74cc;
22
22
--accent-color: linear-gradient(to right, var(--accent-primary-color), var(--accent-secondary-color));
23
23
--notice-color: #92c1ff;
24
24
--warning-color: #ffdf91;
25
25
--danger-color: #ff9191;
26
26
--font-color: #e7edff;
27
27
--link: #9E9EFF;
28
+
--btn-radius: 1.25rem;
28
29
29
30
overscroll-behavior-y: none;
30
31
}