Change pdf colors to variables

This commit is contained in:
overdodactyl 2018-02-13 20:00:48 -07:00
parent 3713d332a9
commit 27eb6e9751
3 changed files with 43 additions and 43 deletions

View File

@ -369,7 +369,7 @@
.secondaryToolbarButton,
body,
div#viewer {
background-color: var(--grey-60)!important;
background-color: var(--mid-way-color)!important;
}
body {
@ -379,11 +379,11 @@
.splitToolbarButtonSeparator,
.verticalToolbarSeparator {
box-shadow: none!important;
background-color: var(--grey-60)!important;
background-color: var(--mid-way-color)!important;
}
div#toolbarViewer {
background-color: var(--grey-80)!important;
background-color: var(--dark-accent)!important;
}
#numPages,
@ -398,7 +398,7 @@
#pageNumber,
#scaleSelectContainer {
border: 1px solid var(--grey-60);
border: 1px solid var(--mid-way-color);
}
#loadingBar {
@ -406,15 +406,15 @@
width: 100%;
height: 4px;
background-color: var(--primary-accent-color);
border-bottom: 1px solid var(--grey-50);
border-bottom: 1px solid var(--light-accent-color);
}
#sidebarContainer {
background-color: var(--grey-70)!important;
background-color: var(--primary-dark-color)!important;
}
#toolbarSidebar {
background-color: var(--grey-80)!important;
background-color: var(--dark-accent)!important;
background-image: none!important;
}
@ -427,7 +427,7 @@
#toolbarContainer,
.findbar,
.secondaryToolbar {
background-color: var(--grey-60)!important;
background-color: var(--mid-way-color)!important;
background-image: none!important;
}
@ -443,7 +443,7 @@
.overlayButton,
.toolbarButton:focus,
.toolbarButton:hover {
background-color: var(--grey-60)!important;
background-color: var(--mid-way-color)!important;
background-image: none!important;
border: none!important;
box-shadow: none!important;
@ -451,7 +451,7 @@
.secondaryToolbarButton:focus,
.secondaryToolbarButton:hover {
background-color: var(--grey-70)!important;
background-color: var(--primary-dark-color)!important;
background-image: none!important;
box-shadow: none!important;
}
@ -464,24 +464,24 @@
.secondaryToolbarButton.toggled,
.splitToolbarButton.toggled > .toolbarButton.toggled,
.toolbarButton.toggled {
background-color: var(--grey-70)!important;
background-color: var(--primary-dark-color)!important;
background-image: none!important;
box-shadow: none!important;
color: #fff!important;
}
.horizontalToolbarSeparator {
background-color: var(--grey-50)!important;
background-color: var(--light-accent-color)!important;
box-shadow: none!important;
}
.dropdownToolbarButton > select,
.toolbarField {
background: var(--grey-60)!important;
background: var(--mid-way-color)!important;
}
#loadingBar .progress {
background-color: var(--grey-60)!important;
background-color: var(--mid-way-color)!important;
}
}
@-moz-document url-prefix(https://raw.githubusercontent.com) {

View File

@ -4,7 +4,7 @@
.secondaryToolbarButton,
body,
div#viewer {
background-color: var(--grey-60)!important
background-color: var(--mid-way-color)!important
}
body {
background-image: none!important
@ -12,10 +12,10 @@
.splitToolbarButtonSeparator,
.verticalToolbarSeparator {
box-shadow: none!important;
background-color: var(--grey-60)!important
background-color: var(--mid-way-color)!important
}
div#toolbarViewer {
background-color: var(--grey-80)!important
background-color: var(--dark-accent)!important
}
#numPages,
#pageNumber,
@ -27,20 +27,20 @@
}
#pageNumber,
#scaleSelectContainer {
border: 1px solid var(--grey-60)
border: 1px solid var(--mid-way-color)
}
#loadingBar {
position: relative;
width: 100%;
height: 4px;
background-color: var(--primary-accent-color);
border-bottom: 1px solid var(--grey-50)
border-bottom: 1px solid var(--light-accent-color)
}
#sidebarContainer {
background-color: var(--grey-70)!important
background-color: var(--primary-dark-color)!important
}
#toolbarSidebar {
background-color: var(--grey-80)!important;
background-color: var(--dark-accent)!important;
background-image: none!important
}
.doorHanger,
@ -51,7 +51,7 @@
#toolbarContainer,
.findbar,
.secondaryToolbar {
background-color: var(--grey-60)!important;
background-color: var(--mid-way-color)!important;
background-image: none!important
}
.dropdownToolbarButton,
@ -65,14 +65,14 @@
.overlayButton,
.toolbarButton:focus,
.toolbarButton:hover {
background-color: var(--grey-60)!important;
background-color: var(--mid-way-color)!important;
background-image: none!important;
border: none!important;
box-shadow: none!important
}
.secondaryToolbarButton:focus,
.secondaryToolbarButton:hover {
background-color: var(--grey-70)!important;
background-color: var(--primary-dark-color)!important;
background-image: none!important;
box-shadow: none!important
}
@ -83,20 +83,20 @@
.secondaryToolbarButton.toggled,
.splitToolbarButton.toggled > .toolbarButton.toggled,
.toolbarButton.toggled {
background-color: var(--grey-70)!important;
background-color: var(--primary-dark-color)!important;
background-image: none!important;
box-shadow: none!important;
color: #fff!important
}
.horizontalToolbarSeparator {
background-color: var(--grey-50)!important;
background-color: var(--light-accent-color)!important;
box-shadow: none!important
}
.dropdownToolbarButton > select,
.toolbarField {
background: var(--grey-60)!important
background: var(--mid-way-color)!important
}
#loadingBar .progress {
background-color: var(--grey-60)!important
background-color: var(--mid-way-color)!important
}
}
}

View File

@ -2467,7 +2467,7 @@
.secondaryToolbarButton,
body,
div#viewer {
background-color: var(--grey-60)!important;
background-color: var(--mid-way-color)!important;
}
body {
@ -2477,11 +2477,11 @@
.splitToolbarButtonSeparator,
.verticalToolbarSeparator {
box-shadow: none!important;
background-color: var(--grey-60)!important;
background-color: var(--mid-way-color)!important;
}
div#toolbarViewer {
background-color: var(--grey-80)!important;
background-color: var(--dark-accent)!important;
}
#numPages,
@ -2496,7 +2496,7 @@
#pageNumber,
#scaleSelectContainer {
border: 1px solid var(--grey-60);
border: 1px solid var(--mid-way-color);
}
#loadingBar {
@ -2504,15 +2504,15 @@
width: 100%;
height: 4px;
background-color: var(--primary-accent-color);
border-bottom: 1px solid var(--grey-50);
border-bottom: 1px solid var(--light-accent-color);
}
#sidebarContainer {
background-color: var(--grey-70)!important;
background-color: var(--primary-dark-color)!important;
}
#toolbarSidebar {
background-color: var(--grey-80)!important;
background-color: var(--dark-accent)!important;
background-image: none!important;
}
@ -2525,7 +2525,7 @@
#toolbarContainer,
.findbar,
.secondaryToolbar {
background-color: var(--grey-60)!important;
background-color: var(--mid-way-color)!important;
background-image: none!important;
}
@ -2541,7 +2541,7 @@
.overlayButton,
.toolbarButton:focus,
.toolbarButton:hover {
background-color: var(--grey-60)!important;
background-color: var(--mid-way-color)!important;
background-image: none!important;
border: none!important;
box-shadow: none!important;
@ -2549,7 +2549,7 @@
.secondaryToolbarButton:focus,
.secondaryToolbarButton:hover {
background-color: var(--grey-70)!important;
background-color: var(--primary-dark-color)!important;
background-image: none!important;
box-shadow: none!important;
}
@ -2562,24 +2562,24 @@
.secondaryToolbarButton.toggled,
.splitToolbarButton.toggled > .toolbarButton.toggled,
.toolbarButton.toggled {
background-color: var(--grey-70)!important;
background-color: var(--primary-dark-color)!important;
background-image: none!important;
box-shadow: none!important;
color: #fff!important;
}
.horizontalToolbarSeparator {
background-color: var(--grey-50)!important;
background-color: var(--light-accent-color)!important;
box-shadow: none!important;
}
.dropdownToolbarButton > select,
.toolbarField {
background: var(--grey-60)!important;
background: var(--mid-way-color)!important;
}
#loadingBar .progress {
background-color: var(--grey-60)!important;
background-color: var(--mid-way-color)!important;
}
}
@-moz-document url-prefix(https://raw.githubusercontent.com) {