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

Add remaining dark mode colors (fixes #394, #395) #405

Merged
merged 7 commits into from
Aug 4, 2024
Merged

Add remaining dark mode colors (fixes #394, #395) #405

Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
874085f
Add missing dark-mode border color for blockquote and .panel-heading
Keltena Aug 4, 2024
2ec30c6
Add dark-mode warning label color.
Keltena Aug 4, 2024
fd3743b
Add dark-mode colors for .alert-success and .alert-danger.
Keltena Aug 4, 2024
467a9b9
Add dark-mode colors for .btn-success.
Keltena Aug 4, 2024
77e8519
Include dark style for button state that was falling back to light mo…
Keltena Aug 4, 2024
0e1aa6c
Note missing colors for .btn-danger.
Keltena Aug 4, 2024
588419f
Add dark-mode colors for .btn-danger.
Keltena Aug 4, 2024
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
60 changes: 43 additions & 17 deletions IFComp/root/static/css/ifcomp.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -101,12 +101,13 @@ option:checked {
}

[data-theme="dark"] .panel-default {
border-color: #444;\
border-color: #444;
}

[data-theme="dark"] .panel-heading {
background-color: #333;
color: #eee;
border-color: #444;
}

[data-theme="dark"] .panel-body {
Expand Down Expand Up @@ -141,15 +142,15 @@ option:checked {
}

[data-theme="dark"] .alert-success {
/* background-color: MISSING; */
/* border-color: MISSING; */
/* color: MISSING; */
background-color: #274511;
border-color: #3e6d1c;
color: #d2f4be;
}

[data-theme="dark"] .alert-danger {
/* background-color: MISSING; */
/* border-color: MISSING; */
/* color: MISSING; */
background-color: #451211;
border-color: #6d1e1c;
color: #f4bebe;
}

[data-theme="dark"] .label {
Expand Down Expand Up @@ -195,27 +196,44 @@ option:checked {
border-color: #363696;
}

[data-theme="dark"] .btn-primary:active:hover {
[data-theme="dark"] .btn-primary:active:hover, [data-theme="dark"] .btn-primary:active:focus {
background-color: #363696;
border-color: #44b;
color: #b3d4ff;
}

[data-theme="dark"] .btn-success {
/* background-color: MISSING; */
/* border-color: MISSING; */
/* color: MISSING; */
background-color: #215421;
border-color: #2b692b;
color: #d2f9d2;
}

[data-theme="dark"] .btn-success:hover, [data-theme="dark"] .btn-success:active {
/* background-color: MISSING; */
/* border-color: MISSING; */
/* color: MISSING; */
background-color: #2a6a2a;
border-color: #327b32;
}

[data-theme="dark"] .btn-success:active:hover, [data-theme="dark"] .btn-success:active:focus {
background-color: #327b32;
border-color: #378637;
color: #e9fce9;
}

[data-theme="dark"] .btn-success:active:hover {
/* background-color: MISSING; */
/* border-color: MISSING; */
[data-theme="dark"] .btn-danger {
background-color: #732a26;
border-color: #8e322f;
color: #f9d3d2;
}

[data-theme="dark"] .btn-danger:hover, [data-theme="dark"] .btn-danger:active {
background-color: #8e322f;
border-color: #a13936;
}

[data-theme="dark"] .btn-danger:active:hover, [data-theme="dark"] .btn-danger:active:focus {
background-color: #a13936;
border-color: #ac3d39;
color: #fce4e3;
}

[data-theme="dark"] .pagination>li>a {
Expand Down Expand Up @@ -355,4 +373,12 @@ option:checked {

[data-theme="dark"] .table>thead>tr>th, [data-theme="dark"] .table>tbody>tr>td {
border-color: #444;
}

[data-theme="dark"] blockquote {
border-color: #3d3d3d;
}

[data-theme="dark"] .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
color: #e69999;
}