Scholastica Moodle Theme
  • Scholastica
  • Requirements
  • Getting started
    • Theme Installation/Update
    • Translations
    • Demo content
    • RTL Interface
    • Global Styles
      • Typography
      • UI Elements
      • Headings/Text
    • Paid Courses
    • Course Page
    • Custom Enrollment Page
    • Course Filter
    • Custom E-Mail Template
  • Theme Settings
    • General
    • Dark Mode
      • 🌑Show/hide on the Dark Mode
    • SEO
    • Customization
      • Google Fonts
      • Colors
    • Login page
    • Front Page Blocks
      • 🕶️Show/hide for non-logged in users
      • Block Order
      • Video Pop-up
      • Hero
        • Block #1
        • Block #2 (Hero Video)
        • Block #3
      • FAQ
        • Block #4
        • Re-usage FAQ Snippet
      • Grid Content
        • Grid Content #1
        • Grid Content #2
        • Grid Content #3
        • Grid Content #4
        • Grid Content #5
        • Grid Content #6
        • Grid Content #7
        • Grid Content #8
        • Grid Content #9
      • Content
        • Content #1
        • Content #2
        • Content #3
        • Block #5 - Logotypes
      • Categories & Icons List
        • Categories List #1
        • Categories List #2
        • Logotypes List #1
        • Course List
        • Icons List
      • Stats
        • Stats #1
        • Stats #2
      • Team
        • Team #1
        • Team #2
        • Team #3
      • Testimonials
        • Testimonials #1
        • Testimonials #2
        • Testimonials #3
      • How to add more item to blocks?
    • Top Bar
    • Footer
    • Custom alert
    • Advanced settings
    • Google/Custom Fonts and GDPR
    • Default Moodle Footer Links
  • More
    • 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 -> Scholastica -> Customization

PreviousGoogle FontsNextLogin page

Last updated 1 year ago

Was this helpful?

General

Site administration -> Appearance -> Scholastica -> 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.