IDE Arduino With Dark Theme: 6 trinn

2024 Forfatter: John Day | [email protected]. Sist endret: 2024-01-30 11:24

I dette opplegget vil vi jobbe med IDE Arduino og transformere temaet for dette programmeringsmiljøet fra lys til mørkt for å forbedre synligheten av kildekoden. Dette vil tillate en mindre kjedelig seeropplevelse.

Når det gjelder dette emnet, har vi funnet en fil laget av Jeff Thompson, som er professor i kunst og teknologi i USA. Med en base fra denne artikkelen, la oss endre konfigurasjonsfilene for å aktivere fargeendringen i Arduino IDE.

Trinn 1: Last ned

Vi anbefaler deg å laste ned Jeff Thompson -filen fra GITHUB. Han har endret visse filer i bitmaps og gjort dem tilgjengelige på https://github.com/jeffThompson/DarkArduinoTheme. Du kan også laste ned Notisblokk ++, som er veldig bra for redigering av XML -filen, eller til og med C -språkfilen.

På annystudio.com er det også et gratis program som heter Jcpicker. Den gjør RGB -konverteringen til de heksadesimale verdiene.

Trinn 2: Les meg

Readme avslører at den siste anmeldelsen som Jeff Thompson gjorde var i versjon 1.6.6+ av Arduino, men vi testet i versjon 1.84. Det fungerte bra.

For å endre fargen på Arduino IDE må du pakke ut filen DarkArduinoTheme.zip som er i Github og kopiere i mappen til Arduino.

Jeg anbefaler å ta en sikkerhetskopi av temamappen hvis du vil gjenopprette de originale fargene.

For MAC OS ~ / Applications / Arduino.app / Contents / Java / lib / theme

For Windows `C: / Program Files (x86) Arduino / lib / theme`.

Trinn 3: ### Lag dine egne farger

For å lage egendefinerte temaer må du redigere theme.txt -filen (en XML -fil inne i syntaksmappen) og knappefilene. Husk at for å velge en farge, må du vite hvilken verdi som tilsvarer heksadesimalen.

Jeff Thompson laget et mørkt tema, men vi la merke til at ordet Setup, i mørkegrønt, ikke var bra for synligheten. Så vi endret den til en lysegrønn, som kan sjekkes i en theme.txt -fil. Denne er tilgjengelig for nedlasting her i bloggen, like nedenfor.

Trinn 4: Syntaks

Se de xml-versjonen på

Trinn 5: Theme.txt -fil

#FUNCTIONS COLOR # D35400 - ORANGE KEYWORD1 # FUNKSJONER COLOR # D35400 - ORANGE KEYWORD2 #STRUCTURE FARGER # 5E6D03 - GREEN KEYWORD3 #variabler farge # 00979C - BLUE LITERAL1 #ERROR COLOR # A61717 - RED # kommentarer // COLOR # 95A5A6 - Lysegrå # KOMMENTARER / ** / FARGE #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, vanlig, 12 # GUI - TABS # innstillinger for fanene øverst # (fanebilder lagres i lib/temamappen) header.bgcolor = #404040 header.text.selected.color = #323232 header.text.unselected.color = #3C3C3C header.text.font = SansSerif, vanlig, 12 #GUI - CONSOLE console.font = Monospaced, vanlig, 11 console.font.macosx = Monaco, vanlig, 10 console.color = #000000 console.output.color = #eeeeee console.error.color = #E34C00 #GUI - BUTTONS buttons.bgcolor = #505050 buttons.status.font = SansSe rif, vanlig, 12 knapper.status.farge = #ffffff #GUI - LINESTATUS linestatus.color = #ffffff linestatus.bgcolor = #404040 #EDITOR - DETALJER #forgrunns- og bakgrunnsfarger editor.fgcolor = #4661FF editor.bgcolor = #202020 # høydepunkt for den nåværende linjeditoren. linehighlight.color = # 333333 # høydepunktet for den nåværende linjeditoren. linehighlight = true # tegnet blinker og caret color editor.caret.color = # a0a0a0 # farge som skal brukes som bakgrunn når 'ekstern redaktør 'enabled editor.external.bgcolor = # c8d2dc # selection color editor.selection.color = # dd8800 # område som ikke er i bruk av teksten (erstattet med tildes) editor.invalid.style = # 7e7e7e, dristige # små pooties på slutten av linjer som viser hvor de avslutter editor.eolmarkers = false editor.eolmarkers.color = # 006699 # bracket/brace highlighting editor.brackethighlight = true editor.brackethighlight.color = # 006699 # TEXT - KEYWORDS # FUNCTIONS editor.keyword1.style = #4661FF, fet editor.data_type.style = #BC3535, fet #METHO DS editor.keyword2.style = #BC3535, vanlig editor.function.style = #BC3535, vanlig #STRUKTURER editor.keyword3.style = #00D600, vanlig editor.reserved_word.style = #00D600, vanlig #TEKST - LITERALER #konstanter & datatyper editor.literal1.style = # 006699, vanlig # p5 innebygde variabler: f.eks. mouseX, width, pixels editor.literal2.style = #00979C, plain editor.variable.style = #00979C, plain editor.reserved_word_2.style = #00979C, plain editor.literal_boolean.style = #00979C, plain editor.literal_char.style = #00979C, vanlig editor.literal_string_double_quote.style = #00979C, vanlig editor.preprocessor.style = #00d600, vanlig #https://www.arduino.cc/ - BLI AV MED UNDERLINJE! editor.url.style = # 81A421, vanlig # f.eks. + - = / editor.operator.style = #aaaaaa, vanlig # ?? kanskje dette er for ord etterfulgt av et kolon #som i saksuttalelser eller gå til editor.label.style = #7e7e7e, fet skrift #TEKST - KOMMENTARER editor.comment1.style = #aaaaaa, vanlig editor.comment2.style = #aaaaaa, vanlig # LINE STATUS - statuslinje for redigeringslinjenummer nederst på skjermen linestatus.font = SansSerif, vanlig, 10 linestatus.height = 20 # GUI - PLOTTING # fargesyklus opprettet via 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

Trinn 6: JCPICKER.exe og Notisblokk ++

I Jcpicker og Notepad ++ bilder la vi merke til at den mørke fargen er bra for programmering. I denne delen viser jeg et eksempel på en default.xml -fil som også kan få endret RGB -farger.