Skip to content
Permalink
Browse files

fix(ui): improve scrollbar visibility

fix #2025
  • Loading branch information...
mrfelton committed Apr 16, 2019
1 parent 020e639 commit f4310c591844e47643ebde6796e43a1d8422ce93
Showing with 10 additions and 7 deletions.
  1. +10 −7 renderer/components/UI/GlobalStyle.js
@@ -1,5 +1,7 @@
import { createGlobalStyle } from 'styled-components'
import reset from 'styled-reset'
import { rgba } from 'polished'
import { themeGet } from 'styled-system'

/* eslint-disable max-len */
const GlobalStyle = createGlobalStyle`
@@ -41,18 +43,19 @@ const GlobalStyle = createGlobalStyle`
}
::-webkit-scrollbar {
width: 8px;
height: 8px;
width: 10px;
height: 10px;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner {
background: rgba(0, 0, 0, 0.1);
::-webkit-scrollbar-track {
background: ${props => rgba(themeGet('colors.primaryText')(props), 0.12)};
box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
border-radius: 4px;
}
::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.3);
border-radius: 5px;
background: ${props => rgba(themeGet('colors.primaryText')(props), 0.4)};
border-radius: 4px;
}
a {

0 comments on commit f4310c5

Please sign in to comment.
You can’t perform that action at this time.