Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dark Mode Updates #213

Merged
merged 3 commits into from
Dec 16, 2020
Merged

Dark Mode Updates #213

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
d3b3ab4
Darken background color
jadebuckwalter Dec 16, 2020
8243195
Update colors in reports tab
jadebuckwalter Dec 16, 2020
79b1ce2
Black/Silver slider doesn't change in dark mode
jadebuckwalter Dec 16, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions aspine
Open in desktop
Submodule aspine added at f1f73f
30 changes: 14 additions & 16 deletions public/css/home.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -51,8 +51,6 @@ body {
/* Different variable for gray subtitles that turn to white for dark mode */
--gray-to-white: #666666;

--transparent-gray: rgba(255, 255, 255, 0.3);

--black: #000000;
--transparent-black: rgba(0, 0, 0, 0.6);

Expand Down Expand Up @@ -377,7 +375,7 @@ button:hover {
left: 0;
right: 0;
bottom: 0;
background-color: var(--black);
background-color: black;
-webkit-transition: .4s;
transition: .4s;
}
Expand All @@ -389,13 +387,13 @@ button:hover {
width: 26px;
left: 4px;
bottom: 4px;
background-color: var(--white);
background-color: white;
-webkit-transition: 1s;
transition: 1s;
}

.switch input:checked + .slider {
background-color: var(--gray1);
background-color: #888;
}

.switch input:focus + .slider {
Expand Down Expand Up @@ -475,7 +473,7 @@ button:hover {

/* Style the tab content */
.tabcontent {
background: var(--transparent-gray);
background: var(--white2);
display: none;
padding: 6px 12px;
border: 1px solid var(--gray);
Expand All @@ -499,7 +497,7 @@ button:hover {
letter-spacing: 0.1em;
}
#schedule_title {
color: var(--white);
color: white;
display: inline;
position: relative;
font-size: 20px;
Expand Down Expand Up @@ -872,15 +870,15 @@ p#large_clock_period {

/* Add a black background color to the top navigation */
.pdf_topnav {
background-color: var(--gray3);
background-color: #333;
overflow: visible;
height: 41px;
}

/* Style the links inside the navigation bar */
.pdf_topnav span.right {
float: right;
color: var(--white2);
color: #f2f2f2;
text-align: center;
padding: 10px 16px;
text-decoration: none;
Expand All @@ -890,7 +888,7 @@ p#large_clock_period {
/* Change the color of links on hover */
.pdf_topnav span.right.hover:hover {
background-color: var(--gray2);
color: var(--white2);
color: #f2f2f2;
}


Expand Down Expand Up @@ -920,18 +918,18 @@ p#large_clock_period {
width: 0;
height: 0;
border: 6px solid transparent;
border-color: var(--white) transparent transparent transparent;
border-color: white transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.pdf_select-selected.pdf_select-arrow-active:after {
border-color: transparent transparent var(--white) transparent;
border-color: transparent transparent white transparent;
top: 10px;
}

/* style the items (options), including the selected item: */
.pdf_select-items div,.pdf_select-selected {
color: var(--white);
color: white;
padding: 10px 16px;
border: 1px solid transparent;
border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
Expand All @@ -955,12 +953,12 @@ p#large_clock_period {

.pdf_select-items div:hover, .pdf_same-as-selected {
background-color: var(--green1);
color: var(--white);
color: white;
}

#pdf-container {
background: var(--gray3);
border: solid 3px;
background: #333;
border: solid 3px var(--gray2);
width: 100%;
height: 60%;
overflow-y: auto;
Expand Down