Lighten link color in dark mode (Fix #164)

This commit is contained in:
Rinki Agarwal 2019-10-01 15:11:00 +05:30
parent 6784ae592a
commit 534ae81268
3 changed files with 40 additions and 20 deletions

54
dist/mini-dark.css vendored
View file

@ -1,9 +1,9 @@
@charset "UTF-8"; @charset "UTF-8";
/* /*
Flavor name: Dark (mini-dark) Flavor name: Dark (mini-dark)
Author: Angelos Chalaris (chalarangelo@gmail.com) Author: Angelos Chalaris (chalarangelo@gmail.com)
Maintainers: Angelos Chalaris Maintainers: Angelos Chalaris
mini.css version: v3.0.1 mini.css version: v3.0.1
*/ */
/* /*
Browsers resets and base typography. Browsers resets and base typography.
@ -22,8 +22,8 @@
--universal-margin: 0.5rem; --universal-margin: 0.5rem;
--universal-padding: 0.5rem; --universal-padding: 0.5rem;
--universal-border-radius: 0.125rem; --universal-border-radius: 0.125rem;
--a-link-color: #0277bd; --a-link-color: #65A0C7;
--a-visited-color: #01579b; --a-visited-color: #3985B7;
} }
html { html {
@ -689,8 +689,8 @@ a:hover, a:focus {
border-bottom: 0; border-bottom: 0;
} }
/* /*
Custom elements for card elements. Custom elements for card elements.
*/ */
@media screen and (min-width: 240px) { @media screen and (min-width: 240px) {
.card.small { .card.small {
@ -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.primary, [type="button"].primary, [type="submit"].primary, [type="reset"].primary, .button.primary, [role="button"].primary {
--button-back-color: #1976d2; --button-back-color: #1976d2;
@ -1074,6 +1074,10 @@ header.row {
box-sizing: content-box; box-sizing: content-box;
} }
header.row .logo {
line-height: 1;
}
header .logo { header .logo {
color: var(--header-fore-color); color: var(--header-fore-color);
font-size: 1.75rem; font-size: 1.75rem;
@ -1374,6 +1378,22 @@ table:not(.horizontal) tbody tr:first-child td {
border-top: 0; 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 { table.horizontal {
border: 0; border: 0;
} }
@ -1608,11 +1628,11 @@ mark.inline-block {
} }
.tooltip:not(.bottom):before { .tooltip:not(.bottom):before {
border-top-color: #fafafa; border-top-color: var(--tooltip-back-color);
} }
.tooltip.bottom:before { .tooltip.bottom:before {
border-bottom-color: #fafafa; border-bottom-color: var(--tooltip-back-color);
} }
.tooltip:after { .tooltip:after {
@ -1810,8 +1830,8 @@ mark.inline-block {
border-radius: 0 0 var(--universal-border-radius) var(--universal-border-radius); 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.secondary {
--mark-back-color: #d32f2f; --mark-back-color: #d32f2f;
@ -1905,8 +1925,8 @@ progress.inline {
animation: spinner-donut-anim 1.2s linear infinite; 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.primary {
--progress-fore-color: #1976d2; --progress-fore-color: #1976d2;

File diff suppressed because one or more lines are too long

View file

@ -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> $code-font-size: 0.85em; // Font size for <code>, <kbd>
$sup-top: -0.5em; // <sup> top $sup-top: -0.5em; // <sup> top
$sub-bottom: -0.25em; // <sub> bottom $sub-bottom: -0.25em; // <sub> bottom
$a-link-color: #0277bd; // Color for <a>:link $a-link-color: #65A0C7; // Color for <a>:link
$a-visited-color: #01579b; // Color for <a>:visited $a-visited-color: #3985B7; // Color for <a>:visited
$bold-font-weight: 700; // Font weight for <b> and <strong> $bold-font-weight: 700; // Font weight for <b> and <strong>
$mobile-breakpoint: 768px; // Breakpoint between small and medium screens (px) $mobile-breakpoint: 768px; // Breakpoint between small and medium screens (px)
$large-screen-breakpoint: 1280px; // Breakpoint between medium and large screens (px) $large-screen-breakpoint: 1280px; // Breakpoint between medium and large screens (px)