Loading...

XML

Word

Printable

Affected Branches:
MOODLE_400_STABLE
Fixed Branches:
MOODLE_403_STABLE
Pull from Repository:
https://github.com/Benjamin-unige/moodle
Pull Main Branch:
~~MDL-74869~~-activity-icon-color-map
Pull Main Diff URL:
https://github.com/moodle/moodle/compare/master...Benjamin-unige:moodle:MDL-74869-activity-icon-color-map
Testing Instructions:
Hide

As Admin, purge caches.

Go to a course with activities, e.g. a quiz and an assignment.

Verify the icon background colors look unchanged.

In Admin->Appearance->Theme->Boost->Advanced Settings->Raw initial SCSS,
assign a different colour to the assessment activities colour variable by inserting:

$activity-icon-assessment-bg : #7538a0;

Save.

Navigate to the course.

Verify that the background colour of the icons should corresponds to the chosen colours (in this case: assignment and quiz icons have a deep purple background.
Show
As Admin, purge caches. Go to a course with activities, e.g. a quiz and an assignment. Verify the icon background colors look unchanged. In Admin->Appearance->Theme->Boost->Advanced Settings->Raw initial SCSS, assign a different colour to the assessment activities colour variable by inserting: $activity-icon-assessment-bg : #7538a0; Save. Navigate to the course. Verify that the background colour of the icons should corresponds to the chosen colours (in this case: assignment and quiz icons have a deep purple background.

The new color coding for activity icon types is neat.

It would be simpler to override if they were set as variables with default values first and then added to the array.

Then you'd just need to set the variable. See the way bootstrap sets its basic colors before adding them to their array for an example.

$activity-icon-colors: () !default;

$activity-icon-colors: map-merge(

        "administration": #5d63f6,

        "assessment": #eb66a2,

        "collaboration": #f7634d,

        "communication": #11a676,

        "content": #399be2,

        "interface": #a378ff

),

    $activity-icon-colors

);

$primary:       $blue !default;

$secondary:     $gray-600 !default;

$success:       $green !default;

$info:          $cyan !default;

$warning:       $yellow !default;

$danger:        $red !default;

$light:         $gray-100 !default;

$dark:          $gray-800 !default;$theme-colors: () !default;

$theme-colors: map-merge(

    "primary":    $primary,

    "secondary":  $secondary,

    "success":    $success,

    "info":       $info,

    "warning":    $warning,

    "danger":     $danger,

    "light":      $light,

    "dark":       $dark

),

  $theme-colors

);

has a non-specific relationship to

MDL-77863 Convert hardcoded colors to use variables to make theme customisation easier

Participants:: Benjamin-unige, CiBoT, David Scotson, Jake Dallimore, Laurent David, Luca Bösch, Ron Carl Alfon Yu

Estimated:

Not Specified

Remaining:

Logged:

1h 22m