Skip to content
This repository has been archived by the owner on Apr 4, 2022. It is now read-only.

Commit

Permalink
Lighten link color in dark mode (Fix #164)
Browse files Browse the repository at this point in the history
  • Loading branch information
niftyrinki committed Oct 1, 2019
1 parent 6784ae5 commit 534ae81
Show file tree
Hide file tree
Showing 3 changed files with 40 additions and 20 deletions.
54 changes: 37 additions & 17 deletions dist/mini-dark.css
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
@charset "UTF-8";
/*
Flavor name: Dark (mini-dark)
Author: Angelos Chalaris ([email protected])
Maintainers: Angelos Chalaris
mini.css version: v3.0.1
/*
Flavor name: Dark (mini-dark)
Author: Angelos Chalaris ([email protected])
Maintainers: Angelos Chalaris
mini.css version: v3.0.1
*/
/*
Browsers resets and base typography.
Expand All @@ -22,8 +22,8 @@
--universal-margin: 0.5rem;
--universal-padding: 0.5rem;
--universal-border-radius: 0.125rem;
--a-link-color: #0277bd;
--a-visited-color: #01579b;
--a-link-color: #65A0C7;
--a-visited-color: #3985B7;
}

html {
Expand Down Expand Up @@ -689,8 +689,8 @@ a:hover, a:focus {
border-bottom: 0;
}

/*
Custom elements for card elements.
/*
Custom elements for card elements.
*/
@media screen and (min-width: 240px) {
.card.small {
Expand Down Expand Up @@ -986,8 +986,8 @@ input:disabled, input[disabled], textarea:disabled, textarea[disabled], select:d
}
}

/*
Custom elements for forms and input elements.
/*
Custom elements for forms and input elements.
*/
button.primary, [type="button"].primary, [type="submit"].primary, [type="reset"].primary, .button.primary, [role="button"].primary {
--button-back-color: #1976d2;
Expand Down Expand Up @@ -1074,6 +1074,10 @@ header.row {
box-sizing: content-box;
}

header.row .logo {
line-height: 1;
}

header .logo {
color: var(--header-fore-color);
font-size: 1.75rem;
Expand Down Expand Up @@ -1374,6 +1378,22 @@ table:not(.horizontal) tbody tr:first-child td {
border-top: 0;
}

table:not(.horizontal) thead tr:first-child th:first-child {
border-top-left-radius: var(--universal-border-radius);
}

table:not(.horizontal) thead tr:first-child th:last-child {
border-top-right-radius: var(--universal-border-radius);
}

table:not(.horizontal) tbody tr:last-child td:first-child {
border-bottom-left-radius: var(--universal-border-radius);
}

table:not(.horizontal) tbody tr:last-child td:last-child {
border-bottom-right-radius: var(--universal-border-radius);
}

table.horizontal {
border: 0;
}
Expand Down Expand Up @@ -1608,11 +1628,11 @@ mark.inline-block {
}

.tooltip:not(.bottom):before {
border-top-color: #fafafa;
border-top-color: var(--tooltip-back-color);
}

.tooltip.bottom:before {
border-bottom-color: #fafafa;
border-bottom-color: var(--tooltip-back-color);
}

.tooltip:after {
Expand Down Expand Up @@ -1810,8 +1830,8 @@ mark.inline-block {
border-radius: 0 0 var(--universal-border-radius) var(--universal-border-radius);
}

/*
Custom elements for contextual background elements, toasts and tooltips.
/*
Custom elements for contextual background elements, toasts and tooltips.
*/
mark.secondary {
--mark-back-color: #d32f2f;
Expand Down Expand Up @@ -1905,8 +1925,8 @@ progress.inline {
animation: spinner-donut-anim 1.2s linear infinite;
}

/*
Custom elements for progress bars and spinners.
/*
Custom elements for progress bars and spinners.
*/
progress.primary {
--progress-fore-color: #1976d2;
Expand Down
2 changes: 1 addition & 1 deletion dist/mini-dark.min.css

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions src/flavors/mini-dark.scss
Original file line number Diff line number Diff line change
Expand Up @@ -34,8 +34,8 @@ $blockquote-cite-size: 0.75em; // Font size for the [cite] of <blockquote>
$code-font-size: 0.85em; // Font size for <code>, <kbd>
$sup-top: -0.5em; // <sup> top
$sub-bottom: -0.25em; // <sub> bottom
$a-link-color: #0277bd; // Color for <a>:link
$a-visited-color: #01579b; // Color for <a>:visited
$a-link-color: #65A0C7; // Color for <a>:link
$a-visited-color: #3985B7; // Color for <a>:visited
$bold-font-weight: 700; // Font weight for <b> and <strong>
$mobile-breakpoint: 768px; // Breakpoint between small and medium screens (px)
$large-screen-breakpoint: 1280px; // Breakpoint between medium and large screens (px)
Expand Down

0 comments on commit 534ae81

Please sign in to comment.