#281 Design - cleanup

Author: Farzin

src/Blogifier.Admin/Pages/Blog/PostsView.razor

@@ -7,14 +7,15 @@
     https://farzin.dev
 
     Using:
-    - Bootstrap v5.0.0-beta3 (https://getbootstrap.com/)
+    - Bootstrap v5.0 (https://getbootstrap.com/)
 
 */
 
 // helpers
 @import "helpers/variables";
 @import "helpers/bootstrap";
 @import "helpers/mixins";
+@import "helpers/reset";
 
 // layout
 @import "layout/main";
@@ -30,6 +31,7 @@
 @import "include/highlight";
 @import "include/toaster";
 @import "include/editor";
+@import "include/tooltips";
 
 // pages > account
 @import "pages/account/account";

src/Blogifier.Admin/Pages/Pages/PagesView.razor

@@ -0,0 +1,7 @@
+strong,
+b {
+  font-weight: 500;
+}
+img {
+  max-width: 100%;
+}

src/Blogifier.Admin/wwwroot/admin/css/app.css

@@ -1,14 +1,14 @@
 // colors
 $blogifier: #7241fd;
 $default: #e1e5e9;
-$secondary: #949ca5;
-$gold: #ffa337;
-
+$secondary: #8b949e;
+$gold: #ff9f2e;
 $black: #1c1c1c;
-$success: #47c586;
-$danger: #ff5b65;
+$success: #00b45a;
+$danger: #ff4d58;
 
-$min-contrast-ratio: 2;
+// contrast
+$min-contrast-ratio: 2.5;
 
 // body
 $body-bg: #f8f8f8;

src/Blogifier.Admin/wwwroot/admin/css/app.css.map

@@ -1,15 +1,3 @@
-strong,
-b {
-  font-weight: 500;
-}
-img {
-  max-width: 100%;
-}
-
-#blazor-error-ui {
-  display: none;
-}
-
 .blogifier-loading {
   position: fixed;
   width: 100%;
@@ -26,6 +14,7 @@ img {
   z-index: 10001;
   background: $danger;
   padding: 1rem;
+  display: none;
 
   &-message {
     margin-bottom: 0;
@@ -55,17 +44,3 @@ img {
     }
   }
 }
-
-.tooltip-inner {
-  margin-top: 0.25rem;
-  box-shadow: 0 0 0 1px rgba(#fff, 0.5);
-  letter-spacing: 0.03125rem;
-}
-
-.bs-tooltip-bottom .tooltip-inner {
-  margin-top: 0.25rem;
-}
-
-.bs-tooltip-top .tooltip-inner {
-  margin-bottom: 0.25rem;
-}

src/Blogifier.Admin/wwwroot/admin/scss/app.scss

@@ -0,0 +1,13 @@
+.tooltip-inner {
+  margin-top: 0.25rem;
+  box-shadow: 0 0 0 1px rgba(#fff, 0.5);
+  letter-spacing: 0.03125rem;
+}
+
+.bs-tooltip-bottom .tooltip-inner {
+  margin-top: 0.25rem;
+}
+
+.bs-tooltip-top .tooltip-inner {
+  margin-bottom: 0.25rem;
+}