re2o/re2o-themes
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Allow setting specific text and link color in bg elements

Browse source
This commit is contained in:
Jean-Romain Garnier 2021-01-17 17:25:43 +01:00
parent 74a952a34f
commit 3acd1a9150
4 changed files with 41 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

7
default-dark/default-dark-variables.scss
View file

@ -42,6 +42,11 @@ $link-color: #337ab7;
$link-focus-color: #49a8e8;
// Highlights
$bg-text-color: $text-color;
$bg-link-color: #628bae;
// Forms
$forms-text-color: #555555;
$forms-background-color: #ffffff;
@ -84,7 +89,7 @@ $button-text-color: $text-color;
// Alerts
$alert-text-color: $text-color;
$alert-link-color: $alert-text-color;
$alert-link-color: #628bae;
// Pagination

7
solarized/solarized-variables.scss
View file

@ -42,6 +42,11 @@ $link-color: #2aa198;
$link-focus-color: $link-color;
// Highlights
$bg-text-color: #ffffff;
$bg-link-color: #00e8d2;
// Forms
$forms-text-color: #495057;
$forms-background-color: #a9bdbd;
@ -84,7 +89,7 @@ $button-text-color: #ffffff;
// Alerts
$alert-text-color: #ffffff;
$alert-link-color: $alert-text-color;
$alert-link-color: #00e8d2;
// Pagination

5
template-variables.scss
View file

@ -44,6 +44,11 @@ $link-color: none;
$link-focus-color: none;
// Highlights
$bg-text-color: none;
$bg-link-color: none;
// Forms
$forms-text-color: none;
$forms-background-color: none;

26
template.scss
View file

@ -73,25 +73,47 @@ a:hover {
* Highlights
*/
.bg-primary {
color: $text-color;
color: $bg-text-color;
background-color: $primary-color;
}
.bg-primary a {
color: $bg-link-color;
}
.bg-secondary {
color: $text-color;
color: $bg-text-color;
background-color: $secondary-color;
}
.bg-secondary a {
color: $bg-link-color;
}
.bg-success {
color: $bg-text-color;
background-color: $success-color;
}
.bg-success a {
color: $bg-link-color;
}
.bg-info {
color: $bg-text-color;
background-color: $info-color;
}
.bg-info a {
color: $bg-link-color;
}
.bg-warning {
color: $bg-text-color;
background-color: $warning-color;
}
.bg-warning a {
color: $bg-link-color;
}
.bg-danger {
color: $bg-text-color;
background-color: $danger-color;
}
.bg-danger a {
color: $bg-link-color;
}
/*