monocolor
Get this themeSupport
  • monocolor
  • Changelog
  • Requirements
  • Getting started
    • Theme Installation/Update
    • Translations
    • Recommended plugins to install
      • Atto Editor: Full Screen
      • Atto Editor: Advanced Link
  • Demo Content
    • Demo content
    • Front Page Blocks
      • Show/hide for non-logged in users
      • Blocks Order
      • Block #0 - Default Moodle Front Page Blocks
      • Hero Blocks
        • Block #1 - Hero Slider
        • Block #2 - Video Hero
        • Block #3 - Hero Image
        • Block #4 - Hero Slider #2
      • HTML Blocks
        • Team
          • Block #17.1, #17.2, #17.3
        • Categories List
          • Block #19
        • Logotypes
          • Block #15
        • Testimonials
          • Block #14.1, #14.2, #14.3
        • Content
          • Block #8
          • Content #1
          • Block #16
          • Block #20
        • Grid Content
          • Animated images with the content (5)
          • Grid with Icons (6.1, 6.2)
          • Block #9.1 , #9.2
          • Block #10
          • Block #11
          • Block #12
          • Block #13
        • FAQ
          • Block #18
        • Call to Action
          • Block #21
          • Block #22
      • Advanced Options
        • Additional Classes
        • Custom Block Title
        • Custom CSS field
        • Custom CSS/SCSS for Blocks
        • Gradient Titles
        • Rounded Boxes/Containers
        • Rounded Images
      • Re-usage HTML code snippets
  • UI Kit
    • Global Styles
      • Typography
      • UI Elements
      • Headings/Text Modifications
    • Course Layout
      • Standard View
      • Tab Layout
    • Course Formats
    • Paid Courses
  • Theme Settings
    • General
    • SEO
    • Customization
      • Google Fonts
      • Colors
    • Login page
    • Top Bar
    • Footer
    • Course Page
    • Google/Custom Fonts and GDPR
  • Custom Enrollment Page
  • More
    • 🕶️Show/hide for non-logged in users
    • 🌑Show/hide on the Dark Mode
    • Server recommendations
    • Graphics, Icons etc.
Powered by GitBook
On this page
  • General
  • Text Colors
  • UI Colors
  • Primary Color
  • Grays

Was this helpful?

  1. Theme Settings
  2. Customization

Colors

Site administration -> Appearance -> Space -> Customization

General

Site administration -> Appearance -> Space -> Customization -> General

  1. Body Background Color

  2. Border Color (Global)

  3. Button Border Radius (px): Make edits to adjust the roundness of buttons, forms, and other elements.

Text Colors

Compatible with WCAG Principles. Change only when you really need to.

Available options

  • Text Color

  • Text Color (Secondary)

  • Text Color (Light)

  • Link Color

  • Link Color (Hover)

UI Colors

Primary Color

To generate automatically the color palette just set up the "Main Theme Color - 600". Add a custom HEX color value to the field if you want to change any color from the palette. Regarding: Primary buttons, top bar navigation, and all other essential UI elements.

Grays

I used gray shades compatible with WCAG Principles. Change only when you really need to. Regarding: Interface elements such as secondary buttons, borders, shades, and other components designed with shades of gray.

PreviousGoogle FontsNextLogin page

Last updated 1 year ago

Was this helpful?