IDE Arduino With Theme Dark: 6 שלבים

2024 מְחַבֵּר: John Day | [email protected]. שונה לאחרונה: 2024-01-30 09:16

בתכנית זו, נעבוד עם IDE Arduino ונעשה את נושא סביבת התכנות הזו מאור לחושך כדי לשפר את החשיפה של קוד המקור. זה יאפשר חווית צפייה פחות מעייפת.

בנוגע לנושא זה, איתרנו קובץ שנעשה על ידי ג'ף תומפסון, פרופסור לאמנות וטכנולוגיה בארצות הברית. עם בסיס שמאמר זה, בואו נשנה את קבצי התצורה כדי לאפשר את שינוי הצבע ב- Arduino IDE.

שלב 1: הורדה

אנו ממליצים לך להוריד את קובץ ג'ף תומפסון מ- GITHUB. הוא שינה קבצים מסוימים במפות הסיביות והפך אותם לנגישים בכתובת https://github.com/jeffThompson/DarkArduinoTheme. אתה יכול גם להוריד Notepad ++, שהוא טוב מאוד לעריכת קובץ ה- XML, או אפילו לקובץ שפת C.

כמו כן, באתר annystudio.com קיימת תוכנה חינמית בשם Jcpicker. הוא מבצע את המרת ה- RGB לערכים ההקסדצימליים.

שלב 2: Readme

ה- readme חושף כי הסקירה האחרונה שג'ף תומפסון עשה הייתה בגרסה 1.6.6+ של ה- Arduino, אך בדקנו בגרסה 1.84. זה עבד טוב.

כדי לשנות את הצבע של Arduino IDE עליך לפתוח את הקובץ DarkArduinoTheme.zip שנמצא ב- Github ולהעתיק בתיקייה של Arduino.

אני ממליץ לבצע גיבוי של תיקיית העיצוב אם ברצונך לשחזר את הצבעים המקוריים.

עבור MAC OS ~ / Applications / Arduino.app / Contents / Java / lib / theme

עבור Windows `C: / Program Files (x86) Arduino / lib / theme`.

שלב 3: ### יצירת צבעים משלך

כדי ליצור ערכות נושא מותאמות אישית, עליך לערוך את קובץ theme.txt (קובץ XML בתוך תיקיית התחביר) ואת קבצי הכפתורים. זכור כי כדי לבחור צבע, עליך לדעת איזה ערך תואם את ההקסדצימלי.

ג'ף תומפסון יצר נושא כהה, אך שמנו לב שהמילה Setup, בירוק כהה, אינה טובה לנראות. לכן, שינינו אותו לירוק בהיר, אותו ניתן לבדוק בקובץ theme.txt. זה זמין להורדה כאן בבלוג, ממש מתחת.

שלב 4: תחביר

ראה את גירסת ה- xml ב

שלב 5: קובץ Theme.txt

#FUNCTIONS COLOR #D35400 - ORANGE KEYWORD1 #FUNCTIONS COLOR #D35400 - ORANGE KEYWORD2 #STRUCTURE COLORS #5E6D03 - GREEN KEYWORD3 #VARIABLES COLOR #00979C - BLUE LITERAL1 #RIGHT #RIGHT #5 COMMENTS / ** / COLOR #434F54 - DARK GRAY #GUI - STATUS status.notice.fgcolor = #002325 status.notice.bgcolor = #404040 status.error.fgcolor = #FFFFFF status.error.bgcolor = #E34C00 status.edit.fgcolor = # 000000 status.edit.bgcolor = # F1B500 status.font = SansSerif, רגיל, 12 # GUI - TABS # הגדרות לכרטיסיות בראש # (תמונות הכרטיסיה מאוחסנות בתיקיית lib/theme) header.bgcolor = #404040 header.text.selected.color = #323232 header.text.unselected.color = #3C3C3C header.text.font = SansSerif, רגיל, 12 #GUI - CONSOLE console.font = חד פעמי, רגיל, 11 console.font.macosx = מונקו, רגיל, 10 console.color = #000000 console.output.color = #eeeeee console.error.color = #E34C00 #GUI - BUTTONS buttons.bgcolor = #505050 buttons.status.font = SansSe rif, רגיל, 12 כפתורים. status.color = #ffffff #GUI - LINESTATUS linestatus.color = #ffffff linestatus.bgcolor = #404040 #עורך - פרטים #עורך וצבעי רקע editor.fgcolor = #4661FF editor.bgcolor = #202020 # הדגשה עבור עורך השורות הנוכחי. linehighlight.color = # 333333 # הדגשה לעורך השורה הנוכחי. linehighlight = נכון # אות מהבהבת וצבע עורך עורך. caret.color = # a0a0a0 # צבע לשימוש לרקע כאשר 'עורך חיצוני' 'מופעל עורך.external.bgcolor = # c8d2dc # color color editor.selection.color = # dd8800 # אזור שאינו בשימוש הטקסט (הוחלף בטילס) editor.invalid.style = # 7e7e7e, מודגש # פוטי קטן ליד סוף שורות המראות היכן הן מסיימות editor.eolmarkers = editor editor.eolmarkers.color = # 006699 # הדגשת סוגר/brace editor.brackethighlight = true editor.brackethighlight.color = # 006699 # טקסט - מילות מפתח # עורך פונקציות. keyword1.style = #4661FF, עורך מודגש. Data_type.style = #BC3535, מודגש #METHO Editor.keyword2.style = #BC3535, רגיל editor.function.style = #BC3535, רגיל #STRUCTURES editor.keyword3.style = #00D600, editor editor.reserved_word.style = #00D600, רגיל #טקסט - LITERALS #קבועים & datatypes editor.literal1.style = # 006699, # p5 רגיל מובנה במשתנים: למשל mouseX, width, pixels editor.literal2.style = #00979C, plain editor.variable.style = #00979C, editor editor.reserved_word_2.style = #00979C, editor editor.literal_boolean.style = #00979C, עורך רגיל. = #00979C, plain editor.literal_string_double_quote.style = #00979C, plain editor.preprocessor.style = #00d600, רגיל #https://www.arduino.cc/ - היפטר מתת -הקווים! editor.url.style = # 81A421, פשוט # למשל + - = / editor.operator.style = #aaaaaaa, פשוט # ?? אולי זה למילים שאחריהן נקודה נקודה #כמו בהצהרות במקרה או עברו editor.label.style = #7e7e7e, מודגש #טקסט - COMMENTS editor.comment1.style = #aaaaaa, plain editor.comment2.style = #aaaaaa, plain # LINE STATUS - שורת מצב מספר עורך בתחתית המסך linestatus.font = SansSerif, plain, 10 linestatus.height = 20 # GUI - PLOTTING # מחזור צבע שנוצר באמצעות colorbrewer2.org plotting.bgcolor = #ffffff plotting.color = #ffffff plotting.graphcolor.size = 4 plotting.graphcolor.00 = #2c7bb6 plotting.graphcolor.01 = #fdae61 plotting.graphcolor.02 = #d7191c plotting.graphcolor.03 = #abd9e9

שלב 6: JCPICKER.exe ופנקס רשימות ++

בתמונות Jcpicker ו- Notepad ++ שמנו לב שהצבע הכהה טוב לתכנות. בחלק זה, אני מציג דוגמה לקובץ default.xml שיכול לשנות גם את צבעי ה- RGB שלו.