Aktualisiere Quill Editors Toolbar Hintergrundfarbe

Question

Ich implementiere einen primeNg/quill Editor, und als Teil des UX Designs muss ich einen Container auf dem Bildschirm mit dem gleichen Hintergrund wie die Symbolleiste des Editors anzeigen. Ich schaue mir die snow.css-Datei an, finde sie aber nicht, irgendwelche Federkiel-Experten wissen, wo ich das auf snow.css oder irgendeinem anderen abhängigen Quill finden kann. Vielen Dank!

Answer 1

Die Farbe Hintergrund Symbolleiste im PrimeNG Quill demo ist Teil des PrimeNG theme und nicht Teil snow.css Federkiel.

Sie können die Developer Toolbar in Firefox und Chrome verwenden, um die CSS-Regeln, um zu sehen:

.ui-widget-header { 
    border: 1px solid #d9d9d9; 
    color: #1b1d1f; 
    background: #f6f7f9 0 0 repeat-x; 
    background: -moz-linear-gradient(top, #f6f7f9 0%, #ebedf0 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f7f9), color-stop(100%,#ebedf0)); 
    background: -webkit-linear-gradient(top, #f6f7f9 0%,#ebedf0 100%); 
    background: -o-linear-gradient(top, #f6f7f9 0%,#ebedf0 100%); 
    background: -ms-linear-gradient(top, #f6f7f9 0%,#ebedf0 100%); 
    background: linear-gradient(top, #f6f7f9 0%,#ebedf0 100%); 
}