Merge pull request #1925 from maxgrapps/master

Dai theme and dai logo

CHANGELOG.md

@@ -1,6 +1,7 @@
 ## Current
 
 ### Features
+- [#1925](https://github.com/poanetwork/blockscout/pull/1925) - added dai theme and logo
 - [#1922](https://github.com/poanetwork/blockscout/pull/1922) - added ethereum classic theme and logo
 - [#1907](https://github.com/poanetwork/blockscout/pull/1907) - dropdown color bug fix (lukso theme) and tooltip color bug fix
 - [#1903](https://github.com/poanetwork/blockscout/pull/1903) - added rsk theme and rsk logo

apps/block_scout_web/assets/css/theme/_dai_variables.scss

@@ -1,61 +1,50 @@
-$primary: #fec042;
+// general
-$secondary: #53546a;
+$primary: #2b2b2b;
-$tertiary: #1755e4;
+$secondary: #ffb045;
-
+$tertiary: #929292;
-.navbar.navbar-primary {
+$additional-font: #ffffff;
-  background-color: #f2f6f8;
+
-
+// footer
-  &.navbar-dark .navbar-nav .nav-link {
+$footer-background-color: $primary;
-    color: $secondary;
+$footer-title-color: #fff;
-
+$footer-text-color: #7e7e7e;
-    &:hover,
+$footer-item-disc-color: $secondary;
-    &:focus {
+.footer-logo { filter: brightness(0) invert(1); }
-      color: rgba($secondary, 0.75);
+
-    }
+// dashboard
-  }
+$dashboard-line-color-price: $tertiary; // price left border
-
+
-  .form-control {
+$dashboard-banner-chart-legend-value-color: $additional-font; // chart labels
-    color: $secondary;
+
-
+$dashboard-stats-item-value-color: $additional-font; // stat values
-    &::-webkit-input-placeholder {
+
-      /* Chrome/Opera/Safari */
+$dashboard-stats-item-border-color: $secondary; // stat border
-      color: transparentize($secondary, 0.5);
+
-    }
+$dashboard-banner-gradient-start: $primary; // gradient begin
-    &::-moz-placeholder {
+
-      /* Firefox 19+ */
+$dashboard-banner-gradient-end: lighten($primary, 5); // gradient end
-      color: transparentize($secondary, 0.5);
+
-    }
+$dashboard-banner-network-plain-container-background-color: #424242; // stats bg
-    &:-ms-input-placeholder {
+
-      /* IE 10+ */
+
-      color: transparentize($secondary, 0.5);
+// navigation
-    }
+.navbar { box-shadow: 0px 0px 30px 0px rgba(21, 53, 80, 0.12); } // header shadow
-    &:-moz-placeholder {
+$header-icon-border-color-hover: $secondary; // top border on hover
-      /* Firefox 18- */
+$header-icon-color-hover: $secondary; // nav icon on hover
-      color: transparentize($secondary, 0.5);
+.dropdown-item:hover, .dropdown-item:focus { background-color: $secondary !important; } // dropdown item on hover
-    }
+
-  }
+// buttons
-}
+$btn-line-bg: #fff; // button bg
-
+$btn-line-color: #424242; // button border and font color && hover bg color
-.navbar-logo {
+$btn-copy-color: #424242; // btn copy
-  height: 1.75em;
+$btn-qr-color: #424242; // btn qr-code
-}
+
-
+//links & tile
-.navbar.navbar-dark .navbar-toggler {
+.tile a { color: #4b89fb !important; } // links color for badges
-  color: $secondary;
+.tile-type-block {
-  border-color: $secondary;
+    border-left: 4px solid $secondary;
-
+} // tab active bg
-  .navbar-toggler-icon {
+
-    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{transparentize($secondary, 0.5)}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
+// card
-  }
+$card-background-1: $secondary;
-}
+$card-tab-active: $secondary;
-
-.button.button-secondary {
-  color: $secondary;
-  border-color: $secondary;
-
-  &:hover,
-  &:focus {
-    background-color: $secondary;
-    border-color: $secondary;
-  }
-}