Skip to content

Night mode fixes #1163

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

Merged
merged 5 commits into from
Feb 28, 2023
Merged

Night mode fixes #1163

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
c8885d0
night mode fix for candidate packages
peterbecich Jan 7, 2023
2b411c5
night mode fix for reverse dependencies modal
peterbecich Jan 7, 2023
df8f4ad
indentation
peterbecich Jan 7, 2023
e6646f9
untested, fix quickjump night mode
peterbecich Jan 7, 2023
a9ca79c
fix background color for mobile devices
peterbecich Jan 29, 2023
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
70 changes: 58 additions & 12 deletions datafiles/static/hackage.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,18 +4,23 @@

/* Is this portable? */
html {
background-color: white;
width: 100%;
height: 100%;
}

@media (prefers-color-scheme: dark) {
html {
background-color: #333;
}
body {
background: #333;
color: #fefefe;
}
}
@media (prefers-color-scheme: light) {
html {
background-color: #fefefe;
}
body {
background: #fefefe;
color: #333;
Expand Down Expand Up @@ -140,22 +145,38 @@ pre, code, kbd, samp, .src {
font-size: 85%; /* 11pt */
}

.candidate-warn {
background-color: #ffdddd;
@media (prefers-color-scheme: dark) {
.candidate-warn {
border-left: 6px solid #f44336;
padding: 0.01em 16px;
margin-bottom: 8px !important;
margin-top: 8px !important;
}

.candidate-info {
border-left: 6px solid #2196F3;
padding: 0.01em 16px;
margin-bottom: 8px;
}
}

.candidate-info {
@media (prefers-color-scheme: light) {
.candidate-warn {
background-color: #ffdddd;
border-left: 6px solid #f44336;
padding: 0.01em 16px;
margin-bottom: 8px !important;
margin-top: 8px !important;
}

.candidate-info {
background-color: #e7f3fe;
border-left: 6px solid #2196F3;
padding: 0.01em 16px;
margin-bottom: 8px;
}
}


/* @end */

/* @group Common */
Expand Down Expand Up @@ -529,7 +550,6 @@ table.properties td, table.properties th {
padding-bottom: 3em;
}


#page-header {
background: #5E5184;
border-bottom: 5px solid rgba(69, 59, 97, 0.5);
Expand Down Expand Up @@ -1014,12 +1034,21 @@ p.tip {

/* Misc admin forms */

.box {
background: #faf9dc;
border: 1px solid #d8d7ad;
padding: 0.5em 1em;
max-width: 35em;
margin: 0.5em 0 1em 1em;
@media (prefers-color-scheme: dark) {
.box {
padding: 0.5em 1em;
max-width: 35em;
margin: 0.5em 0 1em 1em;
}
}
@media (prefers-color-scheme: light) {
.box {
background: #faf9dc;
border: 1px solid #d8d7ad;
padding: 0.5em 1em;
max-width: 35em;
margin: 0.5em 0 1em 1em;
}
}

table.simpletable th, table.simpletable td {
Expand Down Expand Up @@ -1210,3 +1239,20 @@ a.deprecated[href]:visited {
.paginator .current:hover {
border: 1px solid #979797;
}

@media (prefers-color-scheme: dark) {
div#modal #content {
background: #222;
}
}
@media (prefers-color-scheme: light) {
div#modal #content {
background: #fff;
}
}

@media (prefers-color-scheme: dark) {
#search-results {
background: #222;
}
}
1 change: 0 additions & 1 deletion datafiles/templates/packagePageAssets.st
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,6 @@

div#modal #content {
border-radius: 8px;
background: #fff;
padding: 20px;
}

Expand Down