nodebb-theme-flawless 1.1.1 → 1.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/scss/flawless.scss +42 -11
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nodebb-theme-flawless",
3
- "version": "1.1.1",
3
+ "version": "1.1.2",
4
4
  "description": "A dark Flawless Roleplay child theme for NodeBB v4 and Harmony.",
5
5
  "main": "lib/theme.js",
6
6
  "keywords": [
package/scss/flawless.scss CHANGED
@@ -219,28 +219,33 @@ pre,
219
219
  color: var(--ucp-text);
220
220
  }
221
221
 
222
- [component="sidebar/left"] {
222
+ [component="sidebar/left"],
223
+ .sidebar.sidebar-left {
223
224
  width: 220px;
224
225
  min-width: 220px;
225
- background: var(--ucp-sidebar) !important;
226
- background-color: var(--ucp-sidebar) !important;
226
+ background-color: #111113 !important;
227
227
  color: var(--ucp-text-muted) !important;
228
228
  border-color: var(--ucp-border) !important;
229
229
  }
230
230
 
231
231
  [component="sidebar/left"].bg-light,
232
- [component="sidebar/left"].text-dark {
233
- background-color: var(--ucp-sidebar) !important;
232
+ [component="sidebar/left"].text-dark,
233
+ .sidebar.sidebar-left.bg-light,
234
+ .sidebar.sidebar-left.text-dark {
235
+ background-color: #111113 !important;
234
236
  color: var(--ucp-text-muted) !important;
235
237
  }
236
238
 
237
- [component="sidebar/left"]:not(.open) {
239
+ [component="sidebar/left"]:not(.open),
240
+ .sidebar.sidebar-left:not(.open) {
238
241
  width: 64px;
239
242
  min-width: 64px;
240
243
  }
241
244
 
242
245
  [component="sidebar/left"] .navigation-link,
243
246
  [component="sidebar/left"] [component="sidebar/toggle"],
247
+ .sidebar.sidebar-left .navigation-link,
248
+ .sidebar.sidebar-left [component="sidebar/toggle"],
244
249
  .bottombar-nav .nav-link {
245
250
  color: var(--ucp-text-muted) !important;
246
251
  border-radius: 8px;
@@ -250,6 +255,8 @@ pre,
250
255
 
251
256
  [component="sidebar/left"] .navigation-link:hover,
252
257
  [component="sidebar/left"] [component="sidebar/toggle"]:hover,
258
+ .sidebar.sidebar-left .navigation-link:hover,
259
+ .sidebar.sidebar-left [component="sidebar/toggle"]:hover,
253
260
  .bottombar-nav .nav-link:hover {
254
261
  background: rgba(245, 158, 11, 0.05);
255
262
  color: var(--ucp-text) !important;
@@ -257,6 +264,8 @@ pre,
257
264
 
258
265
  [component="sidebar/left"] .nav-item.active .navigation-link,
259
266
  [component="sidebar/left"] .navigation-link.active,
267
+ .sidebar.sidebar-left .nav-item.active .navigation-link,
268
+ .sidebar.sidebar-left .navigation-link.active,
260
269
  .navigation-dropdown .nav-item.active .navigation-link {
261
270
  background: rgba(245, 158, 11, 0.1);
262
271
  color: var(--ucp-accent) !important;
@@ -264,8 +273,9 @@ pre,
264
273
  }
265
274
 
266
275
  [component="sidebar/left"] .badge,
276
+ .sidebar.sidebar-left .badge,
267
277
  .bottombar-nav .badge {
268
- background: var(--ucp-accent) !important;
278
+ background-color: #f59e0b !important;
269
279
  color: #000 !important;
270
280
  }
271
281
 
@@ -868,19 +878,19 @@ code {
868
878
 
869
879
  [component="user/status"].online,
870
880
  .status.online {
871
- background: var(--ucp-success) !important;
881
+ background-color: #22c55e !important;
872
882
  }
873
883
 
874
884
  [component="user/status"].away,
875
885
  .status.away {
876
- background: var(--ucp-warning) !important;
886
+ background-color: #f59e0b !important;
877
887
  }
878
888
 
879
889
  [component="user/status"].dnd,
880
890
  .status.dnd,
881
891
  [component="user/status"].offline,
882
892
  .status.offline {
883
- background: var(--ucp-danger) !important;
893
+ background-color: #ef4444 !important;
884
894
  }
885
895
 
886
896
  [component="user/status"],
@@ -891,7 +901,7 @@ code {
891
901
  }
892
902
 
893
903
  .bottombar-nav {
894
- background: var(--ucp-sidebar) !important;
904
+ background-color: #111113 !important;
895
905
  border-color: var(--ucp-border) !important;
896
906
  color: var(--ucp-text) !important;
897
907
  }
@@ -903,6 +913,8 @@ code {
903
913
  }
904
914
 
905
915
  [component="sidebar/right"] {
916
+ background-color: #111113 !important;
917
+ border-color: var(--ucp-border) !important;
906
918
  color: var(--ucp-text-muted);
907
919
  }
908
920
 
@@ -910,6 +922,25 @@ code {
910
922
  color: var(--ucp-accent);
911
923
  }
912
924
 
925
+ .sidebar.sidebar-right,
926
+ .sidebar.sidebar-right.bg-light,
927
+ .sidebar.sidebar-right.text-dark {
928
+ background-color: #111113 !important;
929
+ border-color: var(--ucp-border) !important;
930
+ color: var(--ucp-text-muted) !important;
931
+ }
932
+
933
+ .sidebar.sidebar-right .nav-link {
934
+ color: var(--ucp-text-muted) !important;
935
+ border-radius: 8px;
936
+ }
937
+
938
+ .sidebar.sidebar-right .nav-link:hover,
939
+ .sidebar.sidebar-right .nav-link:focus-visible {
940
+ background-color: rgba(245, 158, 11, 0.08);
941
+ color: var(--ucp-text) !important;
942
+ }
943
+
913
944
  html,
914
945
  body,
915
946
  .layout-container,