רוצים לשנות את הצבעים של HWZONE? רוצים DARK THEME?

[Art Tatum]

 

נערך בעקבות תוסף חדש שעושה את העבודה היטב.

https://addons.mozilla.org/en-us/firefox/addon/color-that-site/

 

לצערי התוסף קיים רק לFIREFOX.

עמכם הסליחה.

 

כאן(בהודעה הראשית) תמיד תהיה הגרסה האחרונה של הקוד.

רק צריך לעשות IMPORT בתוסף ולהעתיק.

אתם מוזמנים ליצור ערכת צבעים משלכם ולהעלותה (לא חייבת להיות DARK).

golden gray גרסה 5.6

 

Style 'HWZONE' for co.il

GOLODEN GRAY 5.6

The following part is for use by the Firefox Add-on 'Color That Site!'
See: https://addons.mozilla.org/en-US/firefox/addon/200730/
ColourThatSite_Export(1,0.16.1-signed)[
ewogIm9yaWd1cmwiOiAiaHR0cHM6Ly9od3pvbmUuY28uaWwvY29tbXVuaXR5L3RvcGljLz
U1Nzc2NC0lRDclQTglRDclOTUlRDclQTYlRDclOTklRDclOUQtJUQ3JTlDJUQ3JUE5JUQ3
JUEwJUQ3JTk1JUQ3JUFBLSVENyU5MCVENyVBQS0lRDclOTQlRDclQTYlRDclOTElRDclQT
IlRDclOTklRDclOUQtJUQ3JUE5JUQ3JTlDLWh3em9uZS0lRDclQTglRDclOTUlRDclQTYl
RDclOTklRDclOUQtZGFyay10aGVtZS8iLAogIm5hbWUiOiAiSFdaT05FIiwKICJ1cmxtYX
RjaHN0ciI6ICJALW1vei1kb2N1bWVudCB1cmwtcHJlZml4KGh0dHBzOi8vaHd6b25lLmNv
LmlsLykiLAogInNjb3BlIjogInNpdGUiLAogInNldHVwIjoge30sCiAiaGFuZGxlQml0bW
FwIjoge30sCiAiY2hhbmdlZGF0ZSI6ICIyMDE2LTAxLTEzIDAwOjA0OjIzIiwKICJwcm9j
ZXNzIjogewogICIwIjogewogICAiaHVlQmciOiAwLjEzMzMzMzMzMzMzMzMzMzMzLAogIC
Aic2F0RmciOiAtMSwKICAgInNhdEJnIjogLTAuMywKICAgImx1bUZnIjogMC45LAogICAi
bHVtQmciOiAtMC41OQogIH0sCiAgIjEiOiB7fSwKICAiMiI6IHsKICAgImtpbmQiOiAwLA
ogICAiaHVlRmciOiAwLjEzODg4ODg4ODg4ODg4ODksCiAgICJzYXRGZyI6IDAuOSwKICAg
Imx1bUZnIjogMC44LAogICAiY29sQXJyIjogewogICAgIjAiOiB7CiAgICAgImNvbGl4Ij
ogewogICAgICAiMCI6ICIjMDAwMDAwIgogICAgIH19fX0sCiAgIjMiOiB7CiAgICJraW5k
IjogMCwKICAgImh1ZUZnIjogMC41MDI3Nzc3Nzc3Nzc3Nzc4LAogICAic2F0RmciOiAtMS
wKICAgImx1bUZnIjogLTAuNiwKICAgImNvbEFyciI6IHsKICAgICIwIjogewogICAgICJj
b2xpeCI6IHsKICAgICAgIjAiOiAiI0YyRjJGMiIKICAgICB9fX19LAogICI0IjogewogIC
Aia2luZCI6IDAsCiAgICJodWVGZyI6IDAuNTUyNzc3Nzc3Nzc3Nzc3OCwKICAgInNhdEZn
IjogMC41LAogICAibHVtRmciOiAwLjUsCiAgICJjb2xBcnIiOiB7CiAgICAiMCI6IHsKIC
AgICAiY29saXgiOiB7CiAgICAgICIwIjogIiMyQTVEQjAiCiAgICAgfX19fSwKICAiNSI6
IHsKICAgImtpbmQiOiAwLAogICAiaHVlRmciOiAwLjEzODg4ODg4ODg4ODg4ODksCiAgIC
JzYXRGZyI6IDAuOSwKICAgImx1bUZnIjogMC40LAogICAiY29sQXJyIjogewogICAgIjAi
OiB7CiAgICAgImNvbGl4IjogewogICAgICAiMCI6ICIjOUM5QzlDIgogICAgIH19fX0sCi
AgIjYiOiB7CiAgICJraW5kIjogMCwKICAgImh1ZUZnIjogMC41MDI3Nzc3Nzc3Nzc3Nzc4
LAogICAic2F0RmciOiAtMSwKICAgImx1bUZnIjogLTAuNjIsCiAgICJjb2xBcnIiOiB7Ci
AgICAiMCI6IHsKICAgICAiY29saXgiOiB7CiAgICAgICIwIjogIiNEQkRCREIiCiAgICAg
fX19fSwKICAiNyI6IHsKICAgImtpbmQiOiAwLAogICAiaHVlRmciOiAwLjEzODg4ODg4OD
g4ODg4ODksCiAgICJzYXRGZyI6IDAuNTYsCiAgICJsdW1GZyI6IC0wLjQsCiAgICJjb2xB
cnIiOiB7CiAgICAiMCI6IHsKICAgICAiY29saXgiOiB7CiAgICAgICIwIjogIiNGRkZGRk
YiCiAgICAgfX19fSwKICAiOCI6IHsKICAgImtpbmQiOiAxLAogICAiaHVlQmciOiAwLjM2
MTExMTExMTExMTExMTEsCiAgICJzYXRCZyI6IC0xLAogICAibHVtQmciOiAtMC43LAogIC
AiY29sQXJyIjogewogICAgIjEiOiB7CiAgICAgImNvbGl4IjogewogICAgICAiMCI6ICIj
RkZGRkZGIgogICAgIH19fX0sCiAgIjkiOiB7CiAgICJraW5kIjogMCwKICAgImh1ZUZnIj
ogMC4xNDE2NjY2NjY2NjY2NjY2NiwKICAgInNhdEZnIjogMC40LAogICAibHVtRmciOiAw
LjU5LAogICAiY29sQXJyIjogewogICAgIjAiOiB7CiAgICAgImNvbGl4IjogewogICAgIC
AiMCI6ICIjMzMzMzMzIgogICAgIH19fX0sCiAgIjEwIjogewogICAia2luZCI6IDAsCiAg
ICJodWVGZyI6IDAuMTY2NjY2NjY2NjY2NjY2NjYsCiAgICJzYXRGZyI6IDAuNiwKICAgIm
x1bUZnIjogMC42LAogICAiY29sQXJyIjogewogICAgIjAiOiB7CiAgICAgImNvbGl4Ijog
ewogICAgICAiMCI6ICIjMzIzMjMyIgogICAgIH19fX0sCiAgIjExIjogewogICAia2luZC
I6IDEsCiAgICJodWVCZyI6IDAuNTY2NjY2NjY2NjY2NjY2NywKICAgInNhdEJnIjogMSwK
ICAgImx1bUJnIjogLTAuNTEsCiAgICJjb2xBcnIiOiB7CiAgICAiMSI6IHsKICAgICAiY2
9saXgiOiB7CiAgICAgICIwIjogIiMwMDREOTciCiAgICAgfX19fSwKICAiMTIiOiB7CiAg
ICJraW5kIjogMSwKICAgImh1ZUJnIjogMC41MDI3Nzc3Nzc3Nzc3Nzc4LAogICAic2F0Qm
ciOiAtMSwKICAgImx1bUJnIjogLTAuNDQsCiAgICJjb2xBcnIiOiB7CiAgICAiMSI6IHsK
ICAgICAiY29saXgiOiB7CiAgICAgICIwIjogIiM2MUM4RkEiCiAgICAgfX19fSwKICAiMT
MiOiB7CiAgICJraW5kIjogMSwKICAgImh1ZUJnIjogMC41MDI3Nzc3Nzc3Nzc3Nzc4LAog
ICAic2F0QmciOiAtMSwKICAgImx1bUJnIjogLTAuMiwKICAgImNvbEFyciI6IHsKICAgIC
IxIjogewogICAgICJjb2xpeCI6IHsKICAgICAgIjAiOiAiIzcxNzE3MSIKICAgICB9fX19
LAogICIxNCI6IHsKICAgImtpbmQiOiAxLAogICAiaHVlQmciOiAwLjUwMjc3Nzc3Nzc3Nz
c3NzgsCiAgICJzYXRCZyI6IC0xLAogICAibHVtQmciOiAtMC43LAogICAiY29sQXJyIjog
ewogICAgIjEiOiB7CiAgICAgImNvbGl4IjogewogICAgICAiMCI6ICIjRjBGMEYwIgogIC
AgIH19fX0sCiAgIjE1IjogewogICAia2luZCI6IDEsCiAgICJodWVCZyI6IDAuNTAyNzc3
Nzc3Nzc3Nzc3OCwKICAgInNhdEJnIjogLTEsCiAgICJsdW1CZyI6IDAuMDYsCiAgICJjb2
xBcnIiOiB7CiAgICAiMSI6IHsKICAgICAiY29saXgiOiB7CiAgICAgICIwIjogIiMwMDdB
QjUiCiAgICAgfX19fSwKICAiMTYiOiB7CiAgICJraW5kIjogMSwKICAgImh1ZUJnIjogMC
41NTI3Nzc3Nzc3Nzc3Nzc4LAogICAic2F0QmciOiAtMC42LAogICAibHVtQmciOiAtMC41
NiwKICAgImNvbEFyciI6IHsKICAgICIxIjogewogICAgICJjb2xpeCI6IHsKICAgICAgIj
AiOiAiIzAxQUJGRSIKICAgICB9fX19LAogICIxNyI6IHsKICAgImtpbmQiOiAwLAogICAi
aHVlRmciOiAwLjEzODg4ODg4ODg4ODg4ODksCiAgICJzYXRGZyI6IDAuNCwKICAgImx1bU
ZnIjogMC4zNywKICAgImNvbEFyciI6IHsKICAgICIwIjogewogICAgICJjb2xpeCI6IHsK
ICAgICAgIjAiOiAiIzRENEQ0RCIKICAgICB9fX19LAogICIxOCI6IHsKICAgImtpbmQiOi
AwLAogICAiaHVlRmciOiAwLjQ0NDQ0NDQ0NDQ0NDQ0NDQsCiAgICJzYXRGZyI6IDEsCiAg
ICJsdW1GZyI6IC0wLjYsCiAgICJjb2xBcnIiOiB7CiAgICAiMCI6IHsKICAgICAiY29saX
giOiB7CiAgICAgICIwIjogIiMzQzY5OTQiCiAgICAgfX19fSwKICAiMTkiOiB7CiAgICJr
aW5kIjogMCwKICAgImh1ZUZnIjogMC41MDI3Nzc3Nzc3Nzc3Nzc4LAogICAic2F0RmciOi
AtMSwKICAgImx1bUZnIjogLTAuNywKICAgImNvbEFyciI6IHsKICAgICIwIjogewogICAg
ICJjb2xpeCI6IHsKICAgICAgIjAiOiAiI0UyRTJFMiIKICAgICB9fX19LAogICIyMCI6IH
sKICAgImtpbmQiOiAwLAogICAiaHVlRmciOiAwLjUwMjc3Nzc3Nzc3Nzc3NzgsCiAgICJz
YXRGZyI6IC0xLAogICAibHVtRmciOiAtMC4yLAogICAiY29sQXJyIjogewogICAgIjAiOi
B7CiAgICAgImNvbGl4IjogewogICAgICAiMCI6ICIjODg4ODg4IgogICAgIH19fX0sCiAg
IjIxIjogewogICAia2luZCI6IDAsCiAgICJodWVGZyI6IDAuNTAyNzc3Nzc3Nzc3Nzc3OC
wKICAgInNhdEZnIjogLTEsCiAgICJsdW1GZyI6IC0wLjYsCiAgICJjb2xBcnIiOiB7CiAg
ICAiMCI6IHsKICAgICAiY29saXgiOiB7CiAgICAgICIwIjogIiNFREVERUQiCiAgICAgfX
19fSwKICAiMjIiOiB7CiAgICJraW5kIjogMCwKICAgImh1ZUZnIjogMC41MDI3Nzc3Nzc3
Nzc3Nzc4LAogICAic2F0RmciOiAtMSwKICAgImx1bUZnIjogLTAuNiwKICAgImNvbEFyci
I6IHsKICAgICIwIjogewogICAgICJjb2xpeCI6IHsKICAgICAgIjAiOiAiI0U4RThFOCIK
ICAgICB9fX19LAogICIyMyI6IHsKICAgImtpbmQiOiAwLAogICAiaHVlRmciOiAwLjUwMj
c3Nzc3Nzc3Nzc3NzgsCiAgICJzYXRGZyI6IC0xLAogICAibHVtRmciOiAtMC4yLAogICAi
Y29sQXJyIjogewogICAgIjAiOiB7CiAgICAgImNvbGl4IjogewogICAgICAiMCI6ICIjNj
Y2NjY2IgogICAgIH19fX0sCiAgIjI0IjogewogICAia2luZCI6IDEsCiAgICJodWVCZyI6
IDAuNTg2MTExMTExMTExMTExMSwKICAgInNhdEJnIjogMSwKICAgImx1bUJnIjogLTAuNy
wKICAgImNvbEFyciI6IHsKICAgICIxIjogewogICAgICJjb2xpeCI6IHsKICAgICAgIjAi
OiAiIzAxQURGRSIKICAgICB9fX19LAogICIyNSI6IHsKICAgImtpbmQiOiAxLAogICAiaH
VlQmciOiAwLjU4MDU1NTU1NTU1NTU1NTUsCiAgICJzYXRCZyI6IDEsCiAgICJsdW1CZyI6
IC0wLjc0LAogICAiY29sQXJyIjogewogICAgIjEiOiB7CiAgICAgImNvbGl4IjogewogIC
AgICAiMCI6ICIjMDFCNUZGIgogICAgIH19fX0sCiAgIjI2IjogewogICAia2luZCI6IDEs
CiAgICJjb2xBcnIiOiB7CiAgICAiMSI6IHsKICAgICAiY29saXgiOiB7CiAgICAgICIwIj
ogIiMzMDMwMzAiCiAgICAgfX19fSwKICAiMjciOiB7CiAgICJraW5kIjogMSwKICAgImh1
ZUJnIjogMC41MDI3Nzc3Nzc3Nzc3Nzc4LAogICAic2F0QmciOiAtMSwKICAgImx1bUJnIj
ogLTAuOCwKICAgImNvbEFyciI6IHsKICAgICIxIjogewogICAgICJjb2xpeCI6IHsKICAg
ICAgIjAiOiAiI0VCRjRGOSIKICAgICB9fX19LAogICIyOCI6IHsKICAgImtpbmQiOiAwLA
ogICAiaHVlRmciOiAwLjUwMjc3Nzc3Nzc3Nzc3NzgsCiAgICJzYXRGZyI6IC0xLAogICAi
bHVtRmciOiAtMC41LAogICAiY29sQXJyIjogewogICAgIjAiOiB7CiAgICAgImNvbGl4Ij
ogewogICAgICAiMCI6ICIjRTBFMEUwIgogICAgIH19fX0sCiAgIjI5IjogewogICAia2lu
ZCI6IDAsCiAgICJodWVGZyI6IDAuNTg2MTExMTExMTExMTExMSwKICAgInNhdEZnIjogLT
AuMiwKICAgImx1bUZnIjogLTAuMzksCiAgICJjb2xBcnIiOiB7CiAgICAiMCI6IHsKICAg
ICAiY29saXgiOiB7CiAgICAgICIwIjogIiM4RUMyRUQiCiAgICAgfX19fSwKICAiMzAiOi
B7CiAgICJraW5kIjogMSwKICAgImh1ZUJnIjogMC41ODYxMTExMTExMTExMTExLAogICAi
c2F0QmciOiAtMC4xOCwKICAgImx1bUJnIjogLTAuNCwKICAgImNvbEFyciI6IHsKICAgIC
IxIjogewogICAgICJjb2xpeCI6IHsKICAgICAgIjAiOiAiIzAwNUI4NyIKICAgICB9fX19
LAogICIzMSI6IHsKICAgImtpbmQiOiAxLAogICAiaHVlQmciOiAwLjgxOTQ0NDQ0NDQ0ND
Q0NDQsCiAgICJzYXRCZyI6IDAuNywKICAgImx1bUJnIjogLTAuMiwKICAgInJlZEJnIjog
LTAuNCwKICAgImdyZWVuQmciOiAtMC40LAogICAiYmx1ZUJnIjogLTEsCiAgICJzd2FwSH
NsUmdiQmciOiB0cnVlLAogICAiY29sQXJyIjogewogICAgIjEiOiB7CiAgICAgImNvbGl4
IjogewogICAgICAiMCI6ICIjRUZERURGIgogICAgIH19fX0sCiAgIjMyIjogewogICAia2
luZCI6IDEsCiAgICJodWVCZyI6IDAuOTgwNTU1NTU1NTU1NTU1NSwKICAgInNhdEJnIjog
MC43LAogICAibHVtQmciOiAtMC40LAogICAiY29sQXJyIjogewogICAgIjEiOiB7CiAgIC
AgImNvbGl4IjogewogICAgICAiMCI6ICIjRTEwMDAwIgogICAgIH19fX0sCiAgIjMzIjog
ewogICAia2luZCI6IDEsCiAgICJsdW1CZyI6IC0wLjQsCiAgICJjb2xBcnIiOiB7CiAgIC
AiMSI6IHsKICAgICAiY29saXgiOiB7CiAgICAgICIwIjogIiNGRjgxMDAiCiAgICAgfX19
fSwKICAiMzQiOiB7CiAgICJraW5kIjogMSwKICAgImh1ZUJnIjogMC41NTgzMzMzMzMzMz
MzMzMzLAogICAibHVtQmciOiAtMC42LAogICAiY29sQXJyIjogewogICAgIjEiOiB7CiAg
ICAgImNvbGl4IjogewogICAgICAiMCI6ICIjMDA2NEM4IgogICAgIH19fX0sCiAgIjM1Ij
ogewogICAia2luZCI6IDAsCiAgICJodWVGZyI6IDAuMTM4ODg4ODg4ODg4ODg4OSwKICAg
InNhdEZnIjogMC44LAogICAibHVtRmciOiAwLjU0LAogICAiY29sQXJyIjogewogICAgIj
AiOiB7CiAgICAgImNvbGl4IjogewogICAgICAiMCI6ICIjNDc0NzQ3IgogICAgIH19fX0s
CiAgIjM2IjogewogICAia2luZCI6IDEsCiAgICJodWVCZyI6IDAuNTU4MzMzMzMzMzMzMz
MzMywKICAgInNhdEJnIjogMSwKICAgImx1bUJnIjogLTAuNiwKICAgImNvbEFyciI6IHsK
ICAgICIxIjogewogICAgICJjb2xpeCI6IHsKICAgICAgIjAiOiAiIzAwM0M3NiIKICAgIC
B9fX19fX0=
]ColourThatSite_Export

 

[Animor]

קשה לקרוא...

[Art Tatum]

.

[IlanF]

הדרך היחידה לעשות את זה זה לשנות את הצבעים ב css לצבעים מוגדרים מראש בערכת נושא כהה. אתה לא תעשה את זה כמו שצריך עם תוסף שפשוט עושה invert או סתם מכהה את הצבעים.

זה גם משהו שצריך לבוא פר אתר ותוסף כללי לא באמת יוכל לעשות עבודה טובה. התוסף הוא ״טיפש״ ולא באמת יודע מה צריך להיות כהה, מה זה התוכן, ומה עדיף שיישאר בהיר.

אם היה לי כוח אולי הייתי עושה משהו, אחרי הכל זה מלא עבודה, אבל בכל מקרה אני לא אתנגד לאפשרות לעיצוב כהה

[Art Tatum]

הנה כלי בעזרתו אפשר לשנות צבעים בCSS ולשמור פרופיל לכל דף/אתר שרוצים.

https://addons.mozilla.org/en-us/firefox/addon/color-that-site/

 

מספיק להזיז את הLUMINOSITY סליידר של הFOREGROUND COLORS(כל הקבוצה) למעלה ואת הBACKGROUND למטה, וכבר הכל יתהפך.

אחר כך אפשר להתחיל לעבוד על אלמנטים ספציפים כמו מסגרת ההודעה וכו..

 

סך הכל עבודה לא נראת ארוכה עם הכלי הזה.

כשאסיים גרסה ממנה אהיה מרוצה לגמרי אעלה אותה לכאן בשביל כל מי שמעוניין.

 

בקרוב...

 

 

[Art Tatum]

הנה גרסה ראשונית.

יש עוד קצת עבודה על הדברים הקטנים אבל בעיקרון זה כבר שיפור גדול בשבילי.

אלו ההגדרות.

בעיקרון הפכתי את הFG והBG בבהירות.

איתרתי גם כמה דברים קטנים, אחד מהם די חשוב שזה המסגרת של ההודאות שהפכה להיות לבנה לגמרי והציקה.

אז גם אותה העפתי כמו שרואים בתמונה.

 

 

[Art Tatum]

שיפורים נוספים.

 

 

[RnG]

נחמד

 

כמו שכתבתי, בעתיד ייתכן ונציג גם ערכת נושא כהה. (היינו עושים את זה מחר אם היה לנו את המשאבים)

[Art Tatum]

אני בטוח שיש כמה אנשים כולל אני שיהיו מוכנים לעשות את עבודת העיצוב עצמה.

כלומר לבחור צבעים ולהתאים וכו..

 

אבל העבודה הקשה היא כנראה לעשות סדר אחת ולתמיד בקוד עצמו.

צריך לעשות סטנדריזציה ולהגדיר אלמנטים כדי שיהיה קל להוציא ערכות צבעים.

 

הנה דוגמה מהנסיונות שלי לשנות את הצבעים עם התוסף.

בדפי הדיונים הצבע גבול של כל הודעה הוא לא צבע הגבול של דפי ה"מה חדש" החדשים.

שם צבע הגבול הוא אותו הצבע של חלק מהטקסטים, שמופיעים בדפי הדיונים.

אז אין לי איך להעלים אותו חוץ מליצור פרופילי צבעים שונים לכל דף או משהו.

 

סך הכל אבל נראה לא רע.

אפילו עם המסגרת.

 

[Art Tatum]

עוד שיפורים והתאמות.

כל הזמן אני מוצא דברים קטנים כי פשוט אין סטנדריזציה.

כל האתר בנוי כנראה מבחינה עיצובית עם איזה כלי מנפח שיוצר ים של כפילויות מיותרות ועירבוביה.

גם הקוד של העיצוב גודל בהתאם לאט לאט...

 

גרסה רביעית.