nodebb-theme-harmony 1.1.19 → 1.1.21

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 (8) hide show
  1. package/package.json +1 -1
  2. package/scss/chats.scss +1 -1
  3. package/scss/common.scss +2 -2
  4. package/scss/modules/composer.scss +11 -10
  5. package/scss/overrides.scss +12 -0
  6. package/scss/skins.scss +19 -0
  7. package/scss/topic.scss +2 -2
  8. package/templates/partials/categories/lastpost.tpl +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nodebb-theme-harmony",
3
- "version": "1.1.19",
3
+ "version": "1.1.21",
4
4
  "nbbpm": {
5
5
  "compatibility": "^3.3.0"
6
6
  },
package/scss/chats.scss CHANGED
@@ -35,7 +35,7 @@ body.page-user-chats {
35
35
 
36
36
  [component="chat/recent"] {
37
37
  .active .chat-room-btn {
38
- background-color: $btn-ghost-hover-color;
38
+ background-color: var(--btn-ghost-hover-color);
39
39
  }
40
40
  }
41
41
 
package/scss/common.scss CHANGED
@@ -95,7 +95,7 @@ body:not(.page-user) {
95
95
 
96
96
  .btn-link {
97
97
  &:hover, &.active {
98
- background-color: $btn-ghost-hover-color;
98
+ background-color: var(--btn-ghost-hover-color);
99
99
  text-decoration: none;
100
100
  }
101
101
  }
@@ -116,7 +116,7 @@ body:not(.page-user) {
116
116
  font-family: $font-family-secondary;
117
117
  cursor: pointer;
118
118
  &:hover, &.active {
119
- background-color: $btn-ghost-hover-color;
119
+ background-color: var(--btn-ghost-hover-color);
120
120
  text-decoration: none;
121
121
  }
122
122
  }
package/scss/modules/composer.scss CHANGED
@@ -1,17 +1,18 @@
1
- $composer-color: $body-color !default;
2
- $composer-bg: $body-bg !default;
3
-
4
- @mixin composer-text-bg($color, $bg) {
5
- color: $color !important;
6
- background-color: $bg !important;
1
+ .composer {
2
+ color: var(--bs-body-color)!important;
3
+ background-color: var(--bs-body-bg)!important;
7
4
  }
8
5
 
9
6
  .skin-noskin {
10
7
  // only using colors when there is no bootswatch skin applied
11
- $composer-color: $secondary;
12
- $composer-bg: $light;
13
-
14
8
  .composer {
15
- @include composer-text-bg($composer-color, $composer-bg);
9
+ color: var(--bs-secondary) !important;
10
+ background-color: var(--bs-light) !important;
11
+ }
12
+ }
13
+ @include color-mode(dark) {
14
+ .skin-noskin .composer {
15
+ color: var(--bs-secondary)!important;
16
+ background-color: var(--bs-body-bg)!important;
16
17
  }
17
18
  }
package/scss/overrides.scss CHANGED
@@ -35,6 +35,18 @@ $border-color: $gray-200 !default;
35
35
  $link-color: shade-color($blue, 20%) !default;
36
36
 
37
37
  $btn-ghost-hover-color: mix($light, $dark, 90%);
38
+ $btn-ghost-active-color: lighten($btn-ghost-hover-color, 5%);
39
+ $btn-ghost-hover-color-dark: mix($dark, $light, 90%);
40
+ $btn-ghost-active-color-dark: lighten($btn-ghost-hover-color-dark, 5%);
41
+
42
+ :root {
43
+ --btn-ghost-hover-color: #{$btn-ghost-hover-color};
44
+ --btn-ghost-active-color: #{$btn-ghost-active-color};
45
+ }
46
+ [data-bs-theme="dark"] {
47
+ --btn-ghost-hover-color: #{$btn-ghost-hover-color-dark};
48
+ --btn-ghost-active-color: #{$btn-ghost-active-color-dark};
49
+ }
38
50
 
39
51
  // no caret on dropdown-toggle
40
52
  $enable-caret: false;
package/scss/skins.scss CHANGED
@@ -19,6 +19,25 @@
19
19
  }
20
20
  }
21
21
 
22
+ .skin-superhero {
23
+ // TODO: remove once we update to https://github.com/thomaspark/bootswatch/commit/e62a8c6b62643cfbcb175d6f398928566ed7070c
24
+ .dropdown-header {
25
+ color: $gray-500;
26
+ }
27
+
28
+ // fix read button in dropdowns
29
+ .mark-read .read {
30
+ color: $primary!important;
31
+ }
32
+ }
33
+
34
+ .skin-slate {
35
+ // fix unread button colors in dropdowns
36
+ .mark-read .unread {
37
+ color: $secondary!important;
38
+ }
39
+ }
40
+
22
41
  :root {
23
42
  .skin-darkly, .skin-slate, .skin-cyborg {
24
43
  --bs-border-color: #929292;
package/scss/topic.scss CHANGED
@@ -63,10 +63,10 @@
63
63
 
64
64
  [component="post/upvote"], [component="post/downvote"] {
65
65
  &.upvoted, &.downvoted {
66
- background-color: lighten($btn-ghost-hover-color, 5%);
66
+ background-color: var(--btn-ghost-active-color);
67
67
 
68
68
  &:hover {
69
- background-color: $btn-ghost-hover-color;
69
+ background-color: var(--btn-ghost-hover-color);
70
70
  }
71
71
  }
72
72
  }
package/templates/partials/categories/lastpost.tpl CHANGED
@@ -2,7 +2,7 @@
2
2
  {{{ each ./posts }}}
3
3
  {{{ if @first }}}
4
4
  <div component="category/posts" class="ps-2 text-xs d-flex flex-column h-100 gap-1">
5
- <div>
5
+ <div class="text-nowrap text-truncate">
6
6
  <a class="text-decoration-none" href="{config.relative_path}/user/{./user.userslug}">{buildAvatar(posts.user, "18px", true, "avatar-tooltip")}</a>
7
7
  <a class="permalink text-muted" href="{config.relative_path}/topic/{./topic.slug}{{{ if ./index }}}/{./index}{{{ end }}}">
8
8
  <span class="timeago text-xs" title="{../timestampISO}"></span>