自定義Sublime Text3主題、背景色、前景色等樣式

下面由sublime教程欄目給大家介紹自定義sublime text3主題,自定義背景色,前景色,選中顏色等字體樣式(本人護眼色),希望對需要的朋友有所幫助!

自定義Sublime Text3主題、背景色、前景色等樣式

之前有根據”如何優雅使用sublime(Sublime設置豆沙綠背景色和自定義主題)”這篇文章修改過主題樣式,我把作者的主題放入我的包內,但是打開后發現,連側邊欄按鍵按鈕其他的都是綠的,真的是啥都綠的不行,我改回原來的黑色主題,結果發現除了文本編輯區是黑色的,其他地方都還是綠的,我把那個主題從包里刪掉了還是不行,搞得我只能重裝軟件,后來我發現配色的那幾個配色方案也在這個包里,我就想能不能通過復制修改里面的文件來達到我要的效果,經過嘗試后發現真的可以,以下是我的實現方法:


1.先放本人效果圖

自定義Sublime Text3主題、背景色、前景色等樣式

2.修改方式如下:

1.打開Sublime Text3/Packages目錄下的Color Scheme – Default.sublime-package(以壓縮包形式打開)

自定義Sublime Text3主題、背景色、前景色等樣式

2.右鍵將Monokai.sublime-color-scheme文件,發送到/桌面

自定義Sublime Text3主題、背景色、前景色等樣式

3.修改Monokai.sublime-color-scheme文件顏色參數值

自定義Sublime Text3主題、背景色、前景色等樣式

4.修改文件名

自定義Sublime Text3主題、背景色、前景色等樣式

5.將修改后的Monokai.sublime-color-scheme文件放入Color Scheme – Default.sublime-package壓縮包內

自定義Sublime Text3主題、背景色、前景色等樣式

6.修改 首選項/配色方案

自定義Sublime Text3主題、背景色、前景色等樣式

7.點擊你的配色方案

自定義Sublime Text3主題、背景色、前景色等樣式

?

8.我的配色方案配置文件內容

{ ????"name":?"longxin", ????"author":?"Sublime?HQ?Pty?Ltd,?Wimer?Hazenberg", ????"variables": ????{ ????????"black":?"hsl(0,?0%,?0%)", ????????"selection_border_color":?"hsl(60,?17%,?11%)", ????????"background_color":?"hsl(120°,?40.5%,?85.5%)", ????????"blue":?"hsl(338°,?94.6%,?56.3%)", ????????"selection_color":?"hsl(120°,?9.3%,?58.0%)", ????????"orange":?"hsl(32,?98%,?56%)", ????????"orange2":?"hsl(30,?83%,?34%)", ????????"orange3":?"hsl(47,?100%,?79%)", ????????"purple":?"hsl(261,?100%,?75%)", ????????"red":?"hsl(0,?93%,?59%)", ????????"red2":?"hsl(338,?95%,?56%)", ????????"white":?"hsl(0,?0%,?97%)", ????????"white2":?"hsl(60,?36%,?96%)", ????????"white3":?"hsl(0°,?6.5%,?15.1%)", ????????"yellow":?"hsl(0°,?0.0%,?50.2%)", ????????"yellow2":?"hsl(0°,?0.0%,?14.1%)", ????????"yellow3":?"hsl(60,?12%,?79%)", ????????"yellow4":?"hsl(120°,?9.3%,?58.0%)", ????????"yellow5":?"hsl(50,?11%,?41%)" ????}, ????"globals": ????{ ????????"foreground":?"var(white3)", ????????"background":?"var(background_color)", ????????"caret":?"color(var(white2)?alpha(0.9))", ????????"block_caret":?"color(var(white2)?alpha(0.4))", ????????"invisibles":?"color(var(white3)?alpha(0.35))", ????????"line_highlight":?"var(yellow4)", ????????"selection":?"var(selection_color)", ????????"selection_border":?"var(selection_border_color)", ????????"misspelling":?"var(red2)", ????????"active_guide":?"color(var(orange2)?alpha(0.69))", ????????"find_highlight_foreground":?"var(black)", ????????"find_highlight":?"var(orange3)", ????????"brackets_options":?"underline", ????????"brackets_foreground":?"color(var(white3)?alpha(0.65))", ????????"bracket_contents_options":?"underline", ????????"bracket_contents_foreground":?"color(var(white3)?alpha(0.65))", ????????"tags_options":?"stippled_underline" ????}, ????"rules": ????[ ????????{ ????????????"name":?"Comment", ????????????"scope":?"comment", ????????????"foreground":?"var(yellow5)" ????????}, ????????{ ????????????"name":?"String", ????????????"scope":?"string", ????????????"foreground":?"var(yellow)" ????????}, ????????{ ????????????"name":?"Number", ????????????"scope":?"constant.numeric", ????????????"foreground":?"var(purple)" ????????}, ????????{ ????????????"name":?"Built-in?constant", ????????????"scope":?"constant.language", ????????????"foreground":?"var(purple)" ????????}, ????????{ ????????????"name":?"User-defined?constant", ????????????"scope":?"constant.character,?constant.other", ????????????"foreground":?"var(purple)" ????????}, ????????{ ????????????"name":?"Variable", ????????????"scope":?"variable" ????????}, ????????{ ????????????"name":?"Keyword", ????????????"scope":?"keyword?-?(source.c?keyword.operator?|?source.c++?keyword.operator?|?source.objc?keyword.operator?|?source.objc++?keyword.operator),?keyword.operator.word", ????????????"foreground":?"var(red2)" ????????}, ????????{ ????????????"name":?"Annotation?Punctuation", ????????????"scope":?"punctuation.definition.annotation", ????????????"foreground":?"var(red2)" ????????}, ????????{ ????????????"name":?"JavaScript?Dollar", ????????????"scope":?"variable.other.dollar.only.js", ????????????"foreground":?"var(red2)" ????????}, ????????{ ????????????"name":?"Storage", ????????????"scope":?"storage", ????????????"foreground":?"var(red2)" ????????}, ????????{ ????????????"name":?"Storage?type", ????????????"scope":?"storage.type", ????????????"foreground":?"var(blue)", ????????????"font_style":?"italic" ????????}, ????????{ ????????????"name":?"Entity?name", ????????????"scope":?"entity.name?-?(entity.name.filename?|?entity.name.section?|?entity.name.tag?|?entity.name.label)", ????????????"foreground":?"var(yellow2)" ????????}, ????????{ ????????????"name":?"Inherited?class", ????????????"scope":?"entity.other.inherited-class", ????????????"foreground":?"var(yellow2)", ????????????"font_style":?"italic?underline" ????????}, ????????{ ????????????"name":?"Function?argument", ????????????"scope":?"variable.parameter?-?(source.c?|?source.c++?|?source.objc?|?source.objc++)", ????????????"foreground":?"var(orange)", ????????????"font_style":?"italic" ????????}, ????????{ ????????????"name":?"Language?variable", ????????????"scope":?"variable.language", ????????????"foreground":?"var(orange)", ????????????"font_style":?"italic" ????????}, ????????{ ????????????"name":?"Tag?name", ????????????"scope":?"entity.name.tag", ????????????"foreground":?"var(red2)" ????????}, ????????{ ????????????"name":?"Tag?attribute", ????????????"scope":?"entity.other.attribute-name", ????????????"foreground":?"var(yellow2)" ????????}, ????????{ ????????????"name":?"Function?call", ????????????"scope":?"variable.function,?variable.annotation", ????????????"foreground":?"var(blue)" ????????}, ????????{ ????????????"name":?"Library?function", ????????????"scope":?"support.function,?support.macro", ????????????"foreground":?"var(blue)" ????????}, ????????{ ????????????"name":?"Library?constant", ????????????"scope":?"support.constant", ????????????"foreground":?"var(blue)" ????????}, ????????{ ????????????"name":?"Library?class/type", ????????????"scope":?"support.type,?support.class", ????????????"foreground":?"var(blue)", ????????????"font_style":?"italic" ????????}, ????????{ ????????????"name":?"Library?variable", ????????????"scope":?"support.other.variable" ????????}, ????????{ ????????????"name":?"Invalid", ????????????"scope":?"invalid", ????????????"foreground":?"var(white2)", ????????????"background":?"var(red2)" ????????}, ????????{ ????????????"name":?"Invalid?deprecated", ????????????"scope":?"invalid.deprecated", ????????????"foreground":?"var(white2)", ????????????"background":?"var(purple)" ????????}, ????????{ ????????????"name":?"JSON?String", ????????????"scope":?"meta.structure.dictionary.json?string.quoted.double.json", ????????????"foreground":?"var(yellow3)" ????????}, ????????{ ????????????"name":?"YAML?String", ????????????"scope":?"string.unquoted.yaml", ????????????"foreground":?"var(white3)" ????????}, ????????{ ????????????"name":?"diff.header", ????????????"scope":?"meta.diff,?meta.diff.header", ????????????"foreground":?"var(yellow5)" ????????}, ????????{ ????????????"name":?"markup?headings", ????????????"scope":?"markup.heading", ????????????"font_style":?"bold" ????????}, ????????{ ????????????"name":?"markup?headings", ????????????"scope":?"markup.heading?punctuation.definition.heading", ????????????"foreground":?"var(orange)" ????????}, ????????{ ????????????"name":?"markup?h1", ????????????"scope":?"markup.heading.1?punctuation.definition.heading", ????????????"foreground":?"var(red2)" ????????}, ????????{ ????????????"name":?"markup?links", ????????????"scope":?"markup.underline.link", ????????????"foreground":?"var(blue)" ????????}, ????????{ ????????????"name":?"markup?bold", ????????????"scope":?"markup.bold", ????????????"font_style":?"bold" ????????}, ????????{ ????????????"name":?"markup?italic", ????????????"scope":?"markup.italic", ????????????"font_style":?"italic" ????????}, ????????{ ????????????"name":?"markup?bold/italic", ????????????"scope":?"markup.italic?markup.bold?|?markup.bold?markup.italic", ????????????"font_style":?"bold?italic" ????????}, ????????{ ????????????"name":?"markup?hr", ????????????"scope":?"punctuation.definition.thematic-break", ????????????"foreground":?"var(yellow5)" ????????}, ????????{ ????????????"name":?"markup?blockquote", ????????????"scope":?"markup.quote?punctuation.definition.blockquote", ????????????"foreground":?"var(yellow5)" ????????}, ????????{ ????????????"name":?"markup?bullets", ????????????"scope":?"markup.list.numbered.bullet", ????????????"foreground":?"var(purple)" ????????}, ????????{ ????????????"name":?"markup?bullets", ????????????"scope":?"markup.list.unnumbered.bullet?|?(markup.list.numbered?punctuation.definition)", ????????????"foreground":?"color(var(white)?alpha(0.67))" ????????}, ????????{ ????????????"name":?"markup?code", ????????????"scope":?"markup.raw", ????????????"background":?"color(var(white)?alpha(0.094))" ????????}, ????????{ ????????????"name":?"markup?punctuation", ????????????"scope":?"markup.raw?punctuation.definition.raw", ????????????"foreground":?"color(var(white)?alpha(0.67))" ????????}, ????????{ ????????????"name":?"markup?punctuation", ????????????"scope":?"text?&?(punctuation.definition.italic?|?punctuation.definition.bold?|?punctuation.definition.raw?|?punctuation.definition.link?|?punctuation.definition.metadata?|?punctuation.definition.image?|?punctuation.separator.table-cell?|?punctuation.section.table-header?|?punctuation.definition.constant)", ????????????"foreground":?"color(var(white)?alpha(0.67))" ????????}, ????????{ ????????????"name":?"diff.deleted", ????????????"scope":?"markup.deleted", ????????????"foreground":?"var(red2)" ????????}, ????????{ ????????????"name":?"diff.inserted", ????????????"scope":?"markup.inserted", ????????????"foreground":?"var(yellow2)" ????????}, ????????{ ????????????"name":?"diff.changed", ????????????"scope":?"markup.changed", ????????????"foreground":?"var(yellow)" ????????}, ????????{ ????????????"scope":?"constant.numeric.line-number.find-in-files?-?match", ????????????"foreground":?"color(var(purple)?alpha(0.63))" ????????}, ????????{ ????????????"scope":?"entity.name.filename", ????????????"foreground":?"var(yellow)" ????????}, ????????{ ????????????"scope":?"message.error", ????????????"foreground":?"var(red)" ????????},  ????????{ ????????????"scope":?"diff.deleted", ????????????"background":?"hsla(338,?50%,?56%,?0.15)", ????????????"foreground_adjust":?"l(+?5%)" ????????}, ????????{ ????????????"scope":?"diff.deleted.char", ????????????"background":?"hsla(338,?65%,?56%,?0.30)", ????????????"foreground_adjust":?"l(+?10%)" ????????}, ????????{ ????????????"scope":?"diff.inserted", ????????????"background":?"hsla(80,?50%,?53%,?0.15)", ????????????"foreground_adjust":?"l(+?5%)" ????????}, ????????{ ????????????"scope":?"diff.inserted.char", ????????????"background":?"hsla(80,?65%,?53%,?0.30)", ????????????"foreground_adjust":?"l(+?10%)" ????????}, ????] }

?

8.很興奮有木有,問題解決了嗎?能用紅包表示的,暫就不用多言語了….

? 版權聲明
THE END
喜歡就支持一下吧
點贊11 分享