Merge pull request #1376 from jsit/fix/fix-intense-hr-color

fix: Fix too-intense hr color between posts

diff --git a/src/assets/css/themes/_variables.darkly.scss b/src/assets/css/themes/_variables.darkly.scss
index 56ccc3cf7e2cb8cb9bfc4335d57b61a48e6a557c..fa6e305d5a88933c081f51c543c8caa6bb558e13 100644 (file)
--- 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 2fc0fe3dd7cbcd3355567a1bef6e2d3e2aeb6500..1708d4c395b611a35e1a130883137a4d41c0ee6b 100644 (file)
--- 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/assets/css/themes/darkly-red.css b/src/assets/css/themes/darkly-red.css
index aa82bd8e70548d2e189f1e6a373a480af8c640ee..221cc8bc68cf5ffd4800d541c2bf117c7af25de4 100644 (file)
--- 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 3d764f9c6bb74c394ddb65cbde37dade942e964d..5a289b4964e6e117e75e3752454a366cbd557eda 100644 (file)
--- 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 055652233354fbb2c0f0526405b28e1ec903ac0d..187478ea0cbb3a44e5a3cc53f7624ad517e766ad 100644 (file)
--- 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 473cd697757823fe861b239cfbeeb2803346aa61..6f57d01e87c907dff6dc85b4e0fb30d992523bb9 100644 (file)
--- 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,

diff --git a/src/shared/components/post/post-listings.tsx b/src/shared/components/post/post-listings.tsx
index 00370f039bfea8b104d206e1fcf497e27e400501..e6c7e5f68957cb37ca5a5bafb1e6fb8927c7c584 100644 (file)
--- 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<PostListingsProps, any> {
                 onAddAdmin={this.props.onAddAdmin}
                 onTransferCommunity={this.props.onTransferCommunity}
               />
-              {idx + 1 !== this.posts.length && (
-                <hr className="my-3 border border-primary" />
-              )}
+              {idx + 1 !== this.posts.length && <hr className="my-3" />}
             </>
           ))
         ) : (