From 473406d1daf97fcd3665f9b2bc9bbd402348308e Mon Sep 17 00:00:00 2001 From: Jay Sitter Date: Sun, 18 Jun 2023 15:38:16 -0400 Subject: [PATCH 1/2] fix: Fix too-intense hr color between posts --- src/assets/css/themes/_variables.darkly.scss | 2 ++ src/assets/css/themes/_variables.litely.scss | 2 ++ src/shared/components/post/post-listings.tsx | 4 +--- 3 files changed, 5 insertions(+), 3 deletions(-) diff --git a/src/assets/css/themes/_variables.darkly.scss b/src/assets/css/themes/_variables.darkly.scss index 56ccc3cf..fa6e305d 100644 --- a/src/assets/css/themes/_variables.darkly.scss +++ b/src/assets/css/themes/_variables.darkly.scss @@ -92,6 +92,8 @@ $input-border-color: $body-bg; $input-group-addon-color: $gray-500; $input-group-addon-bg: $gray-700; +$hr-border-color: rgba($body-color, 0.25); + $table-accent-bg: $gray-800; $table-border-color: $gray-700; diff --git a/src/assets/css/themes/_variables.litely.scss b/src/assets/css/themes/_variables.litely.scss index 2fc0fe3d..1708d4c3 100644 --- a/src/assets/css/themes/_variables.litely.scss +++ b/src/assets/css/themes/_variables.litely.scss @@ -76,3 +76,5 @@ $border-radius: 0.5rem; $border-radius-lg: 0.5rem; $border-radius-sm: 1rem; $rounded-pill: 0.25rem; + +$hr-border-color: rgba($body-color, 0.25); diff --git a/src/shared/components/post/post-listings.tsx b/src/shared/components/post/post-listings.tsx index 00370f03..e6c7e5f6 100644 --- a/src/shared/components/post/post-listings.tsx +++ b/src/shared/components/post/post-listings.tsx @@ -96,9 +96,7 @@ export class PostListings extends Component { onAddAdmin={this.props.onAddAdmin} onTransferCommunity={this.props.onTransferCommunity} /> - {idx + 1 !== this.posts.length && ( -
- )} + {idx + 1 !== this.posts.length &&
} )) ) : ( From eb9bc1d4fbadbe22c4e7e9ce585c8f8c4089352c Mon Sep 17 00:00:00 2001 From: Jay Sitter Date: Sun, 18 Jun 2023 15:45:01 -0400 Subject: [PATCH 2/2] fix: Add compiled theme stylesheets --- src/assets/css/themes/darkly-red.css | 2 +- src/assets/css/themes/darkly.css | 2 +- src/assets/css/themes/litely-red.css | 2 +- src/assets/css/themes/litely.css | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/assets/css/themes/darkly-red.css b/src/assets/css/themes/darkly-red.css index aa82bd8e..221cc8bc 100644 --- a/src/assets/css/themes/darkly-red.css +++ b/src/assets/css/themes/darkly-red.css @@ -450,7 +450,7 @@ hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; - border-top: 1px solid rgba(0, 0, 0, 0.1); + border-top: 1px solid rgba(222, 226, 230, 0.25); } small, diff --git a/src/assets/css/themes/darkly.css b/src/assets/css/themes/darkly.css index 3d764f9c..5a289b49 100644 --- a/src/assets/css/themes/darkly.css +++ b/src/assets/css/themes/darkly.css @@ -450,7 +450,7 @@ hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; - border-top: 1px solid rgba(0, 0, 0, 0.1); + border-top: 1px solid rgba(222, 226, 230, 0.25); } small, diff --git a/src/assets/css/themes/litely-red.css b/src/assets/css/themes/litely-red.css index 05565223..187478ea 100644 --- a/src/assets/css/themes/litely-red.css +++ b/src/assets/css/themes/litely-red.css @@ -450,7 +450,7 @@ hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; - border-top: 1px solid rgba(0, 0, 0, 0.1); + border-top: 1px solid rgba(222, 226, 230, 0.25); } small, diff --git a/src/assets/css/themes/litely.css b/src/assets/css/themes/litely.css index 473cd697..6f57d01e 100644 --- a/src/assets/css/themes/litely.css +++ b/src/assets/css/themes/litely.css @@ -449,7 +449,7 @@ hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; - border-top: 1px solid rgba(34, 34, 34, 0.1); + border-top: 1px solid rgba(73, 80, 87, 0.25); } small,