moodle/moodle
3
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-08-09 19:06:41 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

MDL-79502 courseformat: Fix completion button colour contrast

Browse source
This commit is contained in:
Mikel Martín 2023-09-26 16:38:33 +02:00
parent 83b4c96cad
commit fbc7a8f5f3
4 changed files with 20 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

2
theme/boost/scss/moodle/course.scss
View file

@ -1286,7 +1286,7 @@ $activity-add-hover: theme-color-level('primary', -10) !default;
&.btn-#{$color} { &.btn-#{$color} {
$bg-color: theme-color-level($color, $alert-bg-level); $bg-color: theme-color-level($color, $alert-bg-level);
@include button-variant($bg-color, $bg-color, $value); @include button-variant($bg-color, $bg-color, $value);
color: $value; color: theme-color-level($color, $alert-color-level);
&:hover { &:hover {
color: color-yiq($value); color: color-yiq($value);
} }

2
theme/boost/scss/moodle/forms.scss
View file

@ -509,6 +509,6 @@ textarea[data-auto-rows] {
// For form elements aligned to the left with no padding (e.g. Completion conditions activity settings). // For form elements aligned to the left with no padding (e.g. Completion conditions activity settings).
.form-check { .form-check {
&.left-indented { &.left-indented {
padding-left: 0px; padding-left: 0;
} }
} }

18
theme/boost/style/moodle.css
View file

@ -29365,7 +29365,7 @@ span.editinstructions .alert-link {
color: #1d2125; color: #1d2125;
background-color: #cfe2f2; background-color: #cfe2f2;
border-color: #cfe2f2; border-color: #cfe2f2;
color: #0f6cbf; color: #083863;
} }
.activity-item .activity-completion button.btn-primary:hover, .activity-item .activity-completion button.btn-primary:hover,
.activity-item .activity-completion a[role=button].btn-primary:hover { .activity-item .activity-completion a[role=button].btn-primary:hover {
@ -29411,7 +29411,7 @@ span.editinstructions .alert-link {
color: #1d2125; color: #1d2125;
background-color: #f5f6f8; background-color: #f5f6f8;
border-color: #f5f6f8; border-color: #f5f6f8;
color: #ced4da; color: #6b6e71;
} }
.activity-item .activity-completion button.btn-secondary:hover, .activity-item .activity-completion button.btn-secondary:hover,
.activity-item .activity-completion a[role=button].btn-secondary:hover { .activity-item .activity-completion a[role=button].btn-secondary:hover {
@ -29457,7 +29457,7 @@ span.editinstructions .alert-link {
color: #1d2125; color: #1d2125;
background-color: #d7e4d6; background-color: #d7e4d6;
border-color: #d7e4d6; border-color: #d7e4d6;
color: #357a32; color: #1c3f1a;
} }
.activity-item .activity-completion button.btn-success:hover, .activity-item .activity-completion button.btn-success:hover,
.activity-item .activity-completion a[role=button].btn-success:hover { .activity-item .activity-completion a[role=button].btn-success:hover {
@ -29503,7 +29503,7 @@ span.editinstructions .alert-link {
color: #1d2125; color: #1d2125;
background-color: #cce6ea; background-color: #cce6ea;
border-color: #cce6ea; border-color: #cce6ea;
color: #008196; color: #00434e;
} }
.activity-item .activity-completion button.btn-info:hover, .activity-item .activity-completion button.btn-info:hover,
.activity-item .activity-completion a[role=button].btn-info:hover { .activity-item .activity-completion a[role=button].btn-info:hover {
@ -29549,7 +29549,7 @@ span.editinstructions .alert-link {
color: #1d2125; color: #1d2125;
background-color: #fcefdc; background-color: #fcefdc;
border-color: #fcefdc; border-color: #fcefdc;
color: #f0ad4e; color: #7d5a29;
} }
.activity-item .activity-completion button.btn-warning:hover, .activity-item .activity-completion button.btn-warning:hover,
.activity-item .activity-completion a[role=button].btn-warning:hover { .activity-item .activity-completion a[role=button].btn-warning:hover {
@ -29595,7 +29595,7 @@ span.editinstructions .alert-link {
color: #1d2125; color: #1d2125;
background-color: #f4d6d2; background-color: #f4d6d2;
border-color: #f4d6d2; border-color: #f4d6d2;
color: #ca3120; color: #691911;
} }
.activity-item .activity-completion button.btn-danger:hover, .activity-item .activity-completion button.btn-danger:hover,
.activity-item .activity-completion a[role=button].btn-danger:hover { .activity-item .activity-completion a[role=button].btn-danger:hover {
@ -29641,7 +29641,7 @@ span.editinstructions .alert-link {
color: #1d2125; color: #1d2125;
background-color: #fefefe; background-color: #fefefe;
border-color: #fefefe; border-color: #fefefe;
color: #f8f9fa; color: #818182;
} }
.activity-item .activity-completion button.btn-light:hover, .activity-item .activity-completion button.btn-light:hover,
.activity-item .activity-completion a[role=button].btn-light:hover { .activity-item .activity-completion a[role=button].btn-light:hover {
@ -29687,7 +29687,7 @@ span.editinstructions .alert-link {
color: #1d2125; color: #1d2125;
background-color: #d6d8d9; background-color: #d6d8d9;
border-color: #d6d8d9; border-color: #d6d8d9;
color: #343a40; color: #1b1e21;
} }
.activity-item .activity-completion button.btn-dark:hover, .activity-item .activity-completion button.btn-dark:hover,
.activity-item .activity-completion a[role=button].btn-dark:hover { .activity-item .activity-completion a[role=button].btn-dark:hover {
@ -33421,7 +33421,7 @@ textarea[data-auto-rows] {
} }
.form-check.left-indented { .form-check.left-indented {
padding-left: 0px; padding-left: 0;
} }
.pagelayout-login #region-main { .pagelayout-login #region-main {

18
theme/classic/style/moodle.css
View file

@ -29365,7 +29365,7 @@ span.editinstructions .alert-link {
color: #1d2125; color: #1d2125;
background-color: #cfe2f2; background-color: #cfe2f2;
border-color: #cfe2f2; border-color: #cfe2f2;
color: #0f6cbf; color: #083863;
} }
.activity-item .activity-completion button.btn-primary:hover, .activity-item .activity-completion button.btn-primary:hover,
.activity-item .activity-completion a[role=button].btn-primary:hover { .activity-item .activity-completion a[role=button].btn-primary:hover {
@ -29411,7 +29411,7 @@ span.editinstructions .alert-link {
color: #1d2125; color: #1d2125;
background-color: #f5f6f8; background-color: #f5f6f8;
border-color: #f5f6f8; border-color: #f5f6f8;
color: #ced4da; color: #6b6e71;
} }
.activity-item .activity-completion button.btn-secondary:hover, .activity-item .activity-completion button.btn-secondary:hover,
.activity-item .activity-completion a[role=button].btn-secondary:hover { .activity-item .activity-completion a[role=button].btn-secondary:hover {
@ -29457,7 +29457,7 @@ span.editinstructions .alert-link {
color: #1d2125; color: #1d2125;
background-color: #d7e4d6; background-color: #d7e4d6;
border-color: #d7e4d6; border-color: #d7e4d6;
color: #357a32; color: #1c3f1a;
} }
.activity-item .activity-completion button.btn-success:hover, .activity-item .activity-completion button.btn-success:hover,
.activity-item .activity-completion a[role=button].btn-success:hover { .activity-item .activity-completion a[role=button].btn-success:hover {
@ -29503,7 +29503,7 @@ span.editinstructions .alert-link {
color: #1d2125; color: #1d2125;
background-color: #cce6ea; background-color: #cce6ea;
border-color: #cce6ea; border-color: #cce6ea;
color: #008196; color: #00434e;
} }
.activity-item .activity-completion button.btn-info:hover, .activity-item .activity-completion button.btn-info:hover,
.activity-item .activity-completion a[role=button].btn-info:hover { .activity-item .activity-completion a[role=button].btn-info:hover {
@ -29549,7 +29549,7 @@ span.editinstructions .alert-link {
color: #1d2125; color: #1d2125;
background-color: #fcefdc; background-color: #fcefdc;
border-color: #fcefdc; border-color: #fcefdc;
color: #f0ad4e; color: #7d5a29;
} }
.activity-item .activity-completion button.btn-warning:hover, .activity-item .activity-completion button.btn-warning:hover,
.activity-item .activity-completion a[role=button].btn-warning:hover { .activity-item .activity-completion a[role=button].btn-warning:hover {
@ -29595,7 +29595,7 @@ span.editinstructions .alert-link {
color: #1d2125; color: #1d2125;
background-color: #f4d6d2; background-color: #f4d6d2;
border-color: #f4d6d2; border-color: #f4d6d2;
color: #ca3120; color: #691911;
} }
.activity-item .activity-completion button.btn-danger:hover, .activity-item .activity-completion button.btn-danger:hover,
.activity-item .activity-completion a[role=button].btn-danger:hover { .activity-item .activity-completion a[role=button].btn-danger:hover {
@ -29641,7 +29641,7 @@ span.editinstructions .alert-link {
color: #1d2125; color: #1d2125;
background-color: #fefefe; background-color: #fefefe;
border-color: #fefefe; border-color: #fefefe;
color: #f8f9fa; color: #818182;
} }
.activity-item .activity-completion button.btn-light:hover, .activity-item .activity-completion button.btn-light:hover,
.activity-item .activity-completion a[role=button].btn-light:hover { .activity-item .activity-completion a[role=button].btn-light:hover {
@ -29687,7 +29687,7 @@ span.editinstructions .alert-link {
color: #1d2125; color: #1d2125;
background-color: #d6d8d9; background-color: #d6d8d9;
border-color: #d6d8d9; border-color: #d6d8d9;
color: #343a40; color: #1b1e21;
} }
.activity-item .activity-completion button.btn-dark:hover, .activity-item .activity-completion button.btn-dark:hover,
.activity-item .activity-completion a[role=button].btn-dark:hover { .activity-item .activity-completion a[role=button].btn-dark:hover {
@ -33421,7 +33421,7 @@ textarea[data-auto-rows] {
} }
.form-check.left-indented { .form-check.left-indented {
padding-left: 0px; padding-left: 0;
} }
.pagelayout-login #region-main { .pagelayout-login #region-main {