Wie ändert man einfach das Gesamtthema in der CUBA-Anwendung?

Question

Ich frage mich, wie einfach es ist, das CUBA Studiothema in meine Anwendung zu kopieren? Zum Beispiel verwendet es standardmäßig das Halo-Thema, fragt sich aber, ob es auch andere Themen gibt.

Answer 1

nach Kuba wie CUBA Studio aussehen:

1. für Halo Thema Erweiterung erstellen Aktion mit von den Projekteigenschaften Abschnitt
2. Go IDE
3. Finden von Dateien in modules/web "Thema Erweiterung erstellen"/Themen/Halo
4. öffnen Halo-ext-defaults.scss
5. hinzufügen Überschreibungen für Valo Variablen:

$v-background-color: #333333; 
$v-panel-background-color: #333333; 

$v-textfield-background-color: #252526; 
$v-textfield-background-color--readonly: #333333; 

$v-font-size: 13px; 
$v-font-weight: 400; 

$v-border: 1px solid #1E1E1E; 

$v-layout-margin-top: 6px; 
$v-layout-margin-right: 6px; 
$v-layout-margin-bottom: 6px; 

$v-layout-margin-left: 6px;  
$v-focus-color: #679ED2; 

$v-link-text-decoration: none;  
$v-panel-border: 0 solid transparent; 
$v-notification-title-color: #252526; 

$cuba-scrollbars-style-enabled: true; 

7. Ihre Anwendung neu starten

Einige Komponenten können nicht mit diesen Variablen gestylt werden wie Studio-Komponenten zu suchen, weil Studio Thema benutzerdefinierte CSS für Buttons/Combobox/etc enthält.

Answer 2

Diese manual enthält die detaillierte Erklärung zum Anpassen des Standarddesigns von CUBA-Anwendungen. Wenn das Ändern der Farben ausreichend ist (siehe Ändern der allgemeinen Parameter Abschnitt des Handbuchs) ist es nicht zeitaufwendig.