Verwendung: SCSS aus vorgefertigten Theme-Varianten

Manfred Kohler's Avatar

Manfred Kohler

23 May, 2020 04:13 PM

Produkt: Swissy Contao
Contao-Version: 4.9.3
Browser und Browserversionen: Firefox latest Windows 10

Guten Tag,
an dem Layout möchte ich gerne einige Kleinigkeiten ändern und dazu bearbeite ich die SCSS-Files. Die Datei main.css wird neu erzeugt und die Änderungen funktionieren. Soweit so gut. Allerdings hätte ich für die Bearbeitung gerne die blaue Variante des Theme Assistant zu Grunde gelegt. Das mitgelieferte SCSS scheint zur Variante Standard zu gehören.
War es früher nicht so, dass der Theme Assistant auch die SCSS-Files erzeugt hat?
Danke für Ihre Unterstützung!
Viele Grüße
Manfred

  1. Support Staff 1 Posted by RockSolid Theme... on 25 May, 2020 07:08 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    War es früher nicht so, dass der Theme Assistant auch die SCSS-Files erzeugt hat?

    Nein, der Theme-Assistant bearbeitet nur die main.css.base-Datei und erzeugt die Datei main.css. Der Theme-Assistant ist als Alternative zu den Sass-Dateien gedacht.

    Das mitgelieferte SCSS scheint zur Variante Standard zu gehören.

    Das ist korrekt. Sie können die Variablen für die blaue Variante mit folgenden Werten überschreiben:

    $selection-color:           #0060b2
    $font-color:                #333333
    $font-color-light:          #3e3e3e
    $headline-color:            #0060b2
    $highlight-color:           #0060b2
    $highlight-box-color:       #ffffff
    $tag-line-color:            #dce0e7
    $confirmation:              #70b000
    $information:               #0060b2
    $warning:                   #cd0c0c
    
    // Links & Navigation
    $link-color:                #0060b2
    $nav-color:                 #333333
    $nav-color-light:           #8b8b8b
    $nav-color-footer:          #8b8b8b
    $nav-hover-color:           #0060b2
    $nav-active-color:          #0060b2
    $nav-dropdown-color:        #ffffff
    
    // Border
    $border-light:              #d9d9d9
    $border-medium:             #cccccd
    $border-dark:               #5b5b5b
    
    // Shadows
    $shadow-color:              #000000
    
    // Backgrounds
    $background-color:           #ffffff
    $content-background-color:   #ffffff
    $highlight-box-background:   #0060b2
    $caption-background-color:   #333333
    $accordion-background-color: #f6f6f6
    $dropdown-background-color:  #0060b2
    
    // Buttons
    $button-color:                       #ffffff
    $button-background-color:            #0060b2
    $button-secondary-color:             #ffffff
    $button-secondary-background-color:  #333333
    
    // Main Colors
    $main-foreground:           #000000
    $main-background:           #ffffff
    
  2. 2 Posted by Manfred Kohler on 25 May, 2020 05:58 PM

    Manfred Kohler's Avatar

    Danke für Ihre schnelle Antwort! Das hilft mir auf jeden Fall weiter.

    Viele Grüße

      Manfred Kohler

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac