CipherLabs
/
blockscout
mirror of https://github.com/blockscout/blockscout
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2112 from maxgrapps/master

Browse Source 
Themes color improvements, dropdown color issue
pull/2119/head
Victor Baranov 6 years ago committed by GitHub
parent bbd0f44258 bef6476ee5
commit 295848691f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 50 additions and 38 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 1
      CHANGELOG.md
  2. 2
      apps/block_scout_web/assets/css/components/_btn_dropdown_line.scss
  3. 27
      apps/block_scout_web/assets/css/theme/_goerli_variables.scss
  4. 35
      apps/block_scout_web/assets/css/theme/_rinkeby_variables.scss
  5. 23
      apps/block_scout_web/assets/css/theme/_sokol_variables.scss

1
CHANGELOG.md
Unescape View File

@ -3,6 +3,7 @@
### Features
### Fixes
- [#2112](https://github.com/poanetwork/blockscout/pull/2112) - themes color improvements, dropdown color issue
- [#2110](https://github.com/poanetwork/blockscout/pull/2110) - themes colors issues, ui issues
- [#2103](https://github.com/poanetwork/blockscout/pull/2103) - ui issues for all themes
- [#2090](https://github.com/poanetwork/blockscout/pull/2090) - updated some ETC theme colors

2
apps/block_scout_web/assets/css/components/_btn_dropdown_line.scss
Unescape View File

@ -11,7 +11,7 @@ $btn-dropdown-line-font: #333;
&:hover {
background-color: $btn-dropdown-line-color-hover;
border-color: $btn-dropdown-line-color-hover;
border-color: $btn-dropdown-line-color;
color: $btn-dropdown-line-font;
}
}

27
apps/block_scout_web/assets/css/theme/_goerli_variables.scss
Unescape View File

@ -3,6 +3,7 @@ $primary: #2b2b2b;
$secondary: #eac247;
$tertiary: #929292;
$additional-font: #ffffff;
$sub-accent-color: #a46f30;
// footer
$footer-background-color: $primary;
@ -32,30 +33,34 @@ $dashboard-banner-network-plain-container-background-color: #424242; // stats bg
// navigation
.navbar { box-shadow: 0px 0px 30px 0px rgba(21, 53, 80, 0.12); } // header shadow
$dropdown-menu-item-hover-color: $sub-accent-color !default;
$dropdown-menu-item-hover-background: rgba($sub-accent-color, .1) !default;
$header-icon-color-hover: $sub-accent-color;
$header-icon-border-color-hover: $sub-accent-color;
// buttons
$btn-line-bg: #fff; // button bg
$btn-line-color: #a46f30; // button border and font color && hover bg color
$btn-copy-color: #a46f30; // btn copy
$btn-qr-color: #a46f30; // btn qr-code
$btn-line-color: $sub-accent-color; // button border and font color && hover bg color
$btn-copy-color: $sub-accent-color; // btn copy
$btn-qr-color: $sub-accent-color; // btn qr-code
//links & tile
$tile-body-a-color: #a46f30;
$tile-type-block-color: #a46f30;
$tile-type-progress-bar-color: #a46f30;
a.tile-title { color: #a46f30 !important; }
$tile-body-a-color: $sub-accent-color;
$tile-type-block-color: $sub-accent-color;
$tile-type-progress-bar-color: $sub-accent-color;
a.tile-title { color: $sub-accent-color !important; }
// card
$card-background-1: #a46f30;
$card-tab-active: #a46f30;
$card-background-1: $sub-accent-color;
$card-tab-active: $sub-accent-color;
// dropdown
.dropdown-item {
&:hover,
&:active,
&.active {
background-color: rgba(#a46f30, .1) !important;
color: #a46f30 !important;
background-color: rgba($sub-accent-color, .1) !important;
color: $sub-accent-color !important;
}
}

35
apps/block_scout_web/assets/css/theme/_rinkeby_variables.scss
Unescape View File

@ -1,21 +1,22 @@
// general
$primary: #193653;
$secondary: #49a2ee;
$tertiary: #41c3a9;
$additional-font: #a3ceff;
$primary: #153550;
$secondary: #38a9f5;
$tertiary: #76f1ff;
$additional-font: #89cae6;
// footer
$footer-background-color: $primary;
$footer-title-color: #fff;
$footer-text-color: $additional-font;
$footer-item-disc-color: $additional-font;
$footer-text-color: #89cae6;
$footer-item-disc-color: $secondary;
.footer-logo { filter: brightness(0) invert(1); }
.footer-social-icons .footer-social-icon { color: $secondary; }
// dashboard
$dashboard-line-color-price: $tertiary; // price left border
$dashboard-banner-chart-legend-label-color: $additional-font;
$dashboard-stats-item-label-color: $additional-font;
$dashboard-banner-chart-legend-label-color: #89cae6;
$dashboard-stats-item-label-color: #89cae6;
$dashboard-banner-chart-legend-value-color: #fff; // chart labels
$dashboard-stats-item-value-color: #fff; // stat values
@ -25,7 +26,7 @@ $dashboard-banner-gradient-start: $primary; // gradient begin
$dashboard-banner-gradient-end: lighten($primary, 5); // gradient end
$dashboard-banner-network-plain-container-background-color: #244468; // stats bg
$dashboard-banner-network-plain-container-background-color: #1c476c; // stats bg
// navigation
@ -33,15 +34,15 @@ $dashboard-banner-network-plain-container-background-color: #244468; // stats bg
// buttons
$btn-line-bg: #fff; // button bg
$btn-line-color: $tertiary; // button border and font color && hover bg color
$btn-copy-color: $tertiary; // btn copy
$btn-qr-color: $tertiary; // btn qr-code
$btn-line-color: $secondary; // button border and font color && hover bg color
$btn-copy-color: $secondary; // btn copy
$btn-qr-color: $secondary; // btn qr-code
//links & tile
$tile-body-a-color: $tertiary;
$tile-type-block-color: $tertiary;
$tile-type-progress-bar-color: $tertiary;
a.tile-title { color: $tertiary !important; }
$tile-body-a-color: $secondary;
$tile-type-block-color: $secondary;
$tile-type-progress-bar-color: $secondary;
a.tile-title { color: $secondary !important; }
// card
$card-background-1: $secondary;
@ -55,4 +56,4 @@ $card-tab-active: $secondary;
$dashboard-banner-gradient-end
);
}
}
}

23
apps/block_scout_web/assets/css/theme/_sokol_variables.scss
Unescape View File

@ -3,6 +3,7 @@ $primary: #093731;
$secondary: #40bfb2;
$tertiary: #25c9ff;
$additional-font: #93e8dd;
$sub-accent-color: #1c9f90;
// footer
$footer-background-color: $primary;
@ -34,22 +35,26 @@ $dashboard-banner-network-plain-container-background-color: #0e534a; // stats bg
// navigation
.navbar { box-shadow: 0px 0px 30px 0px rgba(21, 53, 80, 0.12); } // header shadow
$dropdown-menu-item-hover-color: $sub-accent-color !default;
$dropdown-menu-item-hover-background: rgba($sub-accent-color, .1) !default;
$header-icon-color-hover: $sub-accent-color;
$header-icon-border-color-hover: $sub-accent-color;
// buttons
$btn-line-bg: #fff; // button bg
$btn-line-color: #1c9f90; // button border and font color && hover bg color
$btn-copy-color: #1c9f90; // btn copy
$btn-qr-color: #1c9f90; // btn qr-code
$btn-line-color: $sub-accent-color; // button border and font color && hover bg color
$btn-copy-color: $sub-accent-color; // btn copy
$btn-qr-color: $sub-accent-color; // btn qr-code
//links & tile
$tile-body-a-color: #1c9f90;
$tile-type-block-color: #1c9f90;
$tile-type-progress-bar-color: #1c9f90;
a.tile-title { color: #1c9f90 !important; }
$tile-body-a-color: $sub-accent-color;
$tile-type-block-color: $sub-accent-color;
$tile-type-progress-bar-color: $sub-accent-color;
a.tile-title { color: $sub-accent-color !important; }
// card
$card-background-1: $secondary;
$card-tab-active: $secondary;
$card-background-1: $sub-accent-color;
$card-tab-active: $sub-accent-color;
.layout-container {
.dashboard-banner-container {

Write Preview
Loading…
Cancel
Save