Lighten link color in dark mode (Fix #164)
This commit is contained in:
parent
6784ae592a
commit
534ae81268
3 changed files with 40 additions and 20 deletions
54
dist/mini-dark.css
vendored
54
dist/mini-dark.css
vendored
|
@ -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;
|
||||||
|
|
2
dist/mini-dark.min.css
vendored
2
dist/mini-dark.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -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)
|
||||||
|
|
Loading…
Reference in a new issue