macht CSS jedes Textelement dunkler

Question

Ich habe gerade festgestellt, dass meine gesamte Rails-App zu blass war, und hätte gerne eine schnelle Lösung, um den ganzen Text, sagen wir, 120% dunkler aussehen zu lassen. Mein Problem ist, meine Textfarbe Werte sind überall. (Wenn ich nur ein paar Textfarbenwerte habe, könnte es einfacher gewesen sein, alle zu finden und zu ersetzen).

Gibt es eine Möglichkeit, dies zu tun? Ich bin nicht vertraut mit less, aber ich hoffe, es gibt eine schnelle Lösung, die mir helfen kann.

Answer 1

Ich glaube, weniger wird verwendet, um alle CSS basierend auf Regeln zu machen, so wäre es genauso schwierig, es jetzt zu implementieren, als ob Sie Ihre CSS neu schreiben würden.

Zum Beispiel, wenn Sie die Grundfarbe als @base: #ccc; dann können Sie andere Farben als% wie

div { .box-shadow(0 0 5px, 30%) } 

jedoch eingestellt, dies würde man immer noch durch zu gehen zwingen und alle Ihre CSS-Werte mit Prozenten ersetzen und auch weniger ... Lösung Gute Langzeit lernen, aber nicht eine schnelle Fix.

Ich bin kein Experte auf Schienen, aber wenn Sie alle Ihre Dateien mit einem Ersetzungsbefehl durchlaufen und #fff durch #ccc usw. ersetzen würden?

Answer 2

Da Ihr CSS nicht weniger (oder Sass) basiert, gibt es keinen einfachen Weg, dies zu erreichen. Allerdings wäre es nicht schwer, ein Skript zu schreiben, das alle Farbwerte in css findet (mit einer Regex) und sie durch eine dunklere Farbe ersetzt (d. H. Alle einzelnen Farbwerte um einen gewissen Prozentsatz verringert).