archive/healthchecks_healthchecks
0
0
Fork 0
mirror of https://github.com/healthchecks/healthchecks.git synced 2025-04-17 02:07:45 +00:00
Code Issues Projects Releases Wiki Activity

Fix dark mode styling issues in Cron Syntax Cheatsheet

Browse source
This commit is contained in:
Pēteris Caune 2021-07-16 12:25:16 +03:00
parent b75b062559
commit dd88924660
No known key found for this signature in database
GPG key ID: E28D7679E9A9EDE2
6 changed files with 21 additions and 13 deletions

3
CHANGELOG.md
View file

@ -6,6 +6,9 @@ All notable changes to this project will be documented in this file.
### Improvements ### Improvements
- Use multicolor channel icons for better appearance in the dark mode - Use multicolor channel icons for better appearance in the dark mode
### Bug Fixes
- Fix dark mode styling issues in Cron Syntax Cheatsheet
## v1.21.0 - 2020-07-02 ## v1.21.0 - 2020-07-02
### Improvements ### Improvements

8
static/css/bootstrap.css vendored
View file

@ -4647,16 +4647,16 @@ button.list-group-item-danger.active:focus {
border-color: var(--border-color); border-color: var(--border-color);
} }
.panel-default > .panel-heading { .panel-default > .panel-heading {
color: #333333; color: var(--text-color);
background-color: #f5f5f5; background-color: var(--panel-default-heading-bg);
border-color: var(--border-color); border-color: var(--border-color);
} }
.panel-default > .panel-heading + .panel-collapse > .panel-body { .panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: var(--border-color); border-top-color: var(--border-color);
} }
.panel-default > .panel-heading .badge { .panel-default > .panel-heading .badge {
color: #f5f5f5; color: var(--panel-default-heading-bg);
background-color: #333333; background-color: var(--text-color);
} }
.panel-default > .panel-footer + .panel-collapse > .panel-body { .panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: var(--border-color); border-bottom-color: var(--border-color);

10
static/css/docs_cron.css
View file

@ -1,7 +1,7 @@
.cron-example th { .cron-example th {
background: #f5f5f5; background: var(--cheatsheet-example-bg);
} }
.cron-example th div { .cron-example th div {
@ -24,8 +24,8 @@
bottom: 15px; bottom: 15px;
width: 40%; width: 40%;
border-left: 2px dotted #ddd; border-left: 2px dotted var(--cheatsheet-dotted-color);
border-bottom: 2px dotted #ddd; border-bottom: 2px dotted var(--cheatsheet-dotted-color);
} }
.desc { .desc {
@ -33,7 +33,7 @@
font-weight: bold; font-weight: bold;
font-style: italic; font-style: italic;
font-size: 20px; font-size: 20px;
color: #333; color: var(--text-color);
padding: 8px; padding: 8px;
margin-bottom: 8px; margin-bottom: 8px;
} }
@ -50,5 +50,5 @@
} }
.cron-example td.minor { .cron-example td.minor {
color: #999; color: var(--text-muted);
} }

3
static/css/selectize.hc.css
View file

@ -149,8 +149,7 @@
border-radius: 1px; border-radius: 1px;
} }
.selectize-dropdown .option, .selectize-dropdown .option,
.selectize-dropdown .optgroup-header, .selectize-dropdown .optgroup-header {
.selectize-dropdown .create {
padding: 3px 12px; padding: 3px 12px;
} }
.selectize-dropdown .option, .selectize-dropdown .option,

6
static/css/variables.css
View file

@ -22,6 +22,8 @@
--btn-remove-hover: #ffebea; --btn-remove-hover: #ffebea;
--channel-off-color: #ddd; --channel-off-color: #ddd;
--channel-off-inside-color: #FFF; --channel-off-inside-color: #FFF;
--cheatsheet-example-bg: #f5f5f5;
--cheatsheet-dotted-color: #ccc;
--close-color: #000; --close-color: #000;
--debug-warning-bg: #eee; --debug-warning-bg: #eee;
--dropdown-bg: #fff; --dropdown-bg: #fff;
@ -41,6 +43,7 @@
--modal-content-bg: #fff; --modal-content-bg: #fff;
--nav-link-hover-bg: #eee; --nav-link-hover-bg: #eee;
--panel-bg: #fff; --panel-bg: #fff;
--panel-default-heading-bg: #f5f5f5;
--panel-success-bg: #dff0d8; --panel-success-bg: #dff0d8;
--plan-business-border: #90CAF9; --plan-business-border: #90CAF9;
--plan-business-color: #141c22; --plan-business-color: #141c22;
@ -96,6 +99,8 @@ body.dark {
--btn-remove-hover: #3f1a22; --btn-remove-hover: #3f1a22;
--channel-off-color: hsl(240, 6.7%, 23.5%); --channel-off-color: hsl(240, 6.7%, 23.5%);
--channel-off-inside-color: hsl(240, 3.7%, 43.5%); --channel-off-inside-color: hsl(240, 3.7%, 43.5%);
--cheatsheet-example-bg: #383840;
--cheatsheet-dotted-color: #6f6f7f;
--close-color: #fff; --close-color: #fff;
--debug-warning-bg: #60002d; --debug-warning-bg: #60002d;
--dropdown-bg: hsl(240, 6%, 16%); --dropdown-bg: hsl(240, 6%, 16%);
@ -115,6 +120,7 @@ body.dark {
--modal-content-bg: #1f1f22; --modal-content-bg: #1f1f22;
--nav-link-hover-bg: #383840; --nav-link-hover-bg: #383840;
--panel-bg: hsl(240, 6%, 16%); --panel-bg: hsl(240, 6%, 16%);
--panel-default-heading-bg: #383840;
--panel-success-bg: #165b35; --panel-success-bg: #165b35;
--plan-business-border: #90CAF9; --plan-business-border: #90CAF9;
--plan-business-color: #e8f2f9; --plan-business-color: #e8f2f9;

4
stuff/bootstrap/variables.less
View file

@ -713,9 +713,9 @@
@panel-inner-border: #ddd; @panel-inner-border: #ddd;
@panel-footer-bg: #f5f5f5; @panel-footer-bg: #f5f5f5;
@panel-default-text: @gray-dark; @panel-default-text: var(--text-color);
@panel-default-border: var(--border-color); @panel-default-border: var(--border-color);
@panel-default-heading-bg: #f5f5f5; @panel-default-heading-bg: var(--panel-default-heading-bg);
@panel-primary-text: #fff; @panel-primary-text: #fff;
@panel-primary-border: @brand-primary; @panel-primary-border: @brand-primary;