ここに記載されているもの以外も記入可能で、言語によってスコープが定義されていることもある感じ?
スキーマに記載されたスコープ一覧
commentcomment.blockcomment.block.documentationcomment.lineconstantconstant.characterconstant.character.escapeconstant.numericconstant.numeric.integerconstant.numeric.floatconstant.numeric.hexconstant.numeric.octalconstant.otherconstant.regexpconstant.rgb-valueemphasisentityentity.nameentity.name.classentity.name.functionentity.name.methodentity.name.sectionentity.name.selectorentity.name.tagentity.name.typeentity.otherentity.other.attribute-nameentity.other.inherited-classinvalidinvalid.deprecatedinvalid.illegalkeywordkeyword.controlkeyword.operatorkeyword.operator.newkeyword.operator.assignmentkeyword.operator.arithmetickeyword.operator.logicalkeyword.othermarkupmarkup.boldmarkup.changedmarkup.deletedmarkup.headingmarkup.inline.rawmarkup.insertedmarkup.italicmarkup.listmarkup.list.numberedmarkup.list.unnumberedmarkup.othermarkup.quotemarkup.rawmarkup.underlinemarkup.underline.linkmetameta.blockmeta.castmeta.classmeta.functionmeta.function-callmeta.preprocessormeta.return-typemeta.selectormeta.tagmeta.type.annotationmeta.typepunctuation.definition.string.beginpunctuation.definition.string.endpunctuation.separatorpunctuation.separator.continuationpunctuation.terminatorstoragestorage.modifierstorage.typestringstring.interpolatedstring.otherstring.quotedstring.quoted.doublestring.quoted.otherstring.quoted.singlestring.quoted.triplestring.regexpstring.unquotedstrongsupportsupport.classsupport.constantsupport.functionsupport.othersupport.typesupport.type.property-namesupport.variablevariablevariable.languagevariable.namevariable.othervariable.other.readwritevariable.parameter
デフォルトでどのTextMateスコープにマッピングされるかのメモ
| token | scope |
|---|---|
class |
entity.name.type.class,support.class |
comment |
comment |
decorator |
entity.name.decorator,entity.name.function |
enum |
entity.name.type.enum |
enumMember |
variable.other.enummember |
event |
variable.other.event |
function |
entity.name.function,support.function |
interface |
entity.name.type.interface |
keyword |
keyword.control |
label |
undefined |
macro |
entity.name.function.preprocessor |
member |
Deprecated use method instead |
method |
entity.name.function.member,support.function |
namespace |
entity.name.namespace |
number |
constant.numeric |
operator |
keyword.operator |
parameter |
variable.parameter |
property |
variable.other.property |
regexp |
constant.regexp |
string |
string |
struct |
entity.name.type.struct |
type |
entity.name.type,support.type |
typeParameter |
entity.name.type.parameter |
variable |
variable.other.readwrite,entity.name.variable |
| modifier | scope |
|---|---|
abstract |
undefined |
async |
undefined |
declaration |
undefined |
deprecated |
undefined |
documentation |
undefined |
modification |
undefined |
readonly |
undefined |
static |
undefined |
| token | scope |
|---|---|
class.defaultLibrary |
support.class |
interface.defaultLibrary |
support.class |
variable.defaultLibrary.readonly |
support.constant |
property.defaultLibrary.readonly |
support.constant.property |
function.defaultLibrary |
support.function |
member.defaultLibrary |
support.function |
type.defaultLibrary |
support.type |
variable.defaultLibrary |
support.variable,support.other.variable |
property.defaultLibrary |
support.variable.property |
variable.readonly |
variable.other.constant |
property.readonly |
variable.other.constant.property |
カラースキーム内でincludeを用いて別のjsonファイルのパスを記載すると、別ファイルから設定を読み込むことができる。カラーバリエーションの作成に便利。ただしarrayは使えず、1つのファイルしか読み込むことができないので、3ファイル以上に分割する場合はcolor-theme.json->workbenchColors.json->tokenColors.jsonのように連鎖的に読み込むしかない。
ネストはフォールバックの関係を表す(例 extensionBadge.remoteBackgroundが未設定の場合activityBarBadge.backgroundの値が使用される)
- activityBarBadge.background:
#007ACC- extensionBadge.remoteBackground
- statusBarItem.remoteBackground
- ports.iconRunningProcessForeground
- button.background:
#0E639C- button.hoverBackground
- extensionButton.hoverBackground
- extensionButton.prominentHoverBackground
- extensionButton.background
- extensionButton.prominentBackground
- button.hoverBackground
- button.secondaryBackground:
#3A3D41- button.secondaryHoverBackground
- charts.green:
#89D185 - charts.purple:
#B180D7 - debugExceptionWidget.background:
#420b0d - debugExceptionWidget.border:
#a31515 - debugIcon.breakpointCurrentStackframeForeground:
#FFCC00 - debugIcon.breakpointForeground:
#E51400 - debugIcon.breakpointStackframeForeground:
#89D185 - debugIcon.continueForeground:
#75BEFF - debugIcon.disconnectForeground:
#F48771 - debugIcon.pauseForeground:
#75BEFF - debugIcon.restartForeground:
#89D185 - debugIcon.startForeground:
#89D185- notebookStatusSuccessIcon.foreground
- debugIcon.stepBackForeground:
#75BEFF - debugIcon.stepIntoForeground:
#75BEFF - debugIcon.stepOutForeground:
#75BEFF - debugIcon.stepOverForeground:
#75BEFF - debugIcon.stopForeground:
#F48771 - debugTokenExpression.boolean:
#4e94ce - debugTokenExpression.error:
#f48771 - debugTokenExpression.name:
#c586c0 - debugTokenExpression.number:
#b5cea8 - debugTokenExpression.string:
#ce9178 - debugView.exceptionLabelBackground:
#6C2022 - debugView.valueChangedHighlight:
#569CD6 - diffEditor.insertedTextBackground:
#9ccc2c33 - diffEditor.removedTextBackground:
#ff000033 - editor.findMatchBackground:
#515C6A- terminal.findMatchBackground
- editor.findMatchHighlightBackground:
#EA5C0055- editor.symbolHighlightBackground
- list.filterMatchBackground
- searchEditor.findMatchBackground
- terminal.findMatchHighlightBackground
- editor.findRangeHighlightBackground:
#3a3d4166 - editor.focusedStackFrameHighlightBackground:
#7abd7a4d - editor.hoverHighlightBackground:
#264f7840 - editor.inlineValuesBackground:
#ffc80033 - editor.linkedEditingBackground:
Color.fromHex("#f00").transparent(0.3) - editor.selectionBackground:
#264F78- editor.foldBackground
- editor.inactiveSelectionBackground
- editor.selectionHighlightBackground
- terminal.selectionBackground
- terminal.inactiveSelectionBackground
- editor.stackFrameHighlightBackground:
#ffff0033 - editor.wordHighlightStrongBackground:
#004972B8 - editorBracketHighlight.foreground1:
#FFD700 - editorBracketHighlight.foreground2:
#DA70D6 - editorBracketHighlight.foreground3:
#179FFF - editorBracketMatch.background:
#0064001a - editorCursor.foreground:
#AEAFAD - editorError.foreground:
#F14C4C- charts.red
- editorGutter.deletedBackground
- editorOverviewRuler.deletedForeground
- minimapGutter.deletedBackground
- editorMarkerNavigationError.background
- editorMarkerNavigationError.headerBackground
- notificationsErrorIcon.foreground
- problemsErrorIcon.foreground
- testing.peekBorder
- testing.peekHeaderBackground
- editorGroup.dropBackground:
Color.fromHex("#53595D").transparent(0.5)- panelSection.dropBackground
- sideBar.dropBackground
- terminal.dropBackground
- editorGroupHeader.tabsBackground:
#252526 - editorGutter.addedBackground:
#487E02- editorOverviewRuler.addedForeground
- minimapGutter.addedBackground
- editorGutter.modifiedBackground:
#1B81A8- editorOverviewRuler.modifiedForeground
- minimapGutter.modifiedBackground
- editorInfo.foreground:
#3794FF- banner.iconForeground
- charts.blue
- debugConsole.infoForeground
- editorMarkerNavigationInfo.background
- editorMarkerNavigationInfo.headerBackground
- editorOverviewRuler.infoForeground
- notificationsInfoIcon.foreground
- peekView.border
- editorCommentsWidget.unresolvedBorder
- editorCommentsWidget.rangeActiveBackground
- editorCommentsWidget.rangeActiveBorder
- editorCommentsWidget.rangeBackground
- editorCommentsWidget.rangeBorder
- interactive.activeCodeBorder
- editorCommentsWidget.unresolvedBorder
- peekViewTitle.background
- problemsInfoIcon.foreground
- editorLightBulb.foreground:
#FFCC00 - editorLightBulbAutoFix.foreground:
#75BEFF - editorLink.activeForeground:
#4E94CE - editorOverviewRuler.findMatchForeground:
#d186167e- terminalOverviewRuler.findMatchForeground
- editorOverviewRuler.wordHighlightStrongForeground:
#C0A0C0CC - editorStickyScrollHover.background:
#2A2D2E - editorUnicodeHighlight.background:
#bd9b0326 - editorUnicodeHighlight.border:
#BD9B03 - editorWarning.foreground:
#CCA700- charts.yellow
- debugConsole.warningForeground
- editorMarkerNavigationWarning.background
- editorMarkerNavigationWarning.headerBackground
- editorOverviewRuler.warningForeground
- minimap.warningHighlight
- notificationsWarningIcon.foreground
- problemsWarningIcon.foreground
- statusBarItem.warningBackground
- editorWhitespace.foreground:
#e3e4e229- editorIndentGuide.activeBackground
- editorIndentGuide.background
- editorWidget.background:
#252526- breadcrumbPicker.background
- checkbox.selectBackground
- checkbox.selectBorder
- editorGroup.dropIntoPromptBackground
- editorHoverWidget.background
- editorHoverWidget.statusBarBackground
- editorSuggestWidget.background
- listFilterWidget.background
- notifications.background
- notificationCenterHeader.background
- notifications.border
- notificationCenterHeader.background
- quickInput.background
- welcomePage.tileBackground
- welcomePage.tileHoverBackground
- errorForeground:
#F48771- debugConsole.errorForeground
- notebookStatusErrorIcon.foreground
- statusBarItem.errorBackground
- extensionIcon.preReleaseForeground:
#1d9271 - extensionIcon.sponsorForeground:
#D758B3 - extensionIcon.starForeground:
#FF8E00 - focusBorder:
#007FD4- inputOption.activeBackground
- list.focusOutline
- notebook.cellInsertionIndicator
- notebook.focusedCellBorder
- notebook.focusedEditorBorder
- sash.hoverBorder
- settings.focusedRowBorder
- inputOption.activeBorder:
#007ACC - inputOption.hoverBackground:
#5a5d5e80 - inputValidation.errorBackground:
#5A1D1D - inputValidation.errorBorder:
#BE1100 - inputValidation.infoBackground:
#063B49 - inputValidation.infoBorder:
#007acc - inputValidation.warningBackground:
#352A05 - inputValidation.warningBorder:
#B89500 - interactive.activeCodeBorder:
peekView.border ?? "#007acc" - list.activeSelectionBackground:
#04395E- banner.background
- menu.selectionBackground
- quickInputList.focusBackground
- editorSuggestWidget.selectedBackground
- list.dropBackground:
#062F4A - list.errorForeground:
#F88070 - list.highlightForeground:
#2AAAFF- editorHoverWidget.highlightForeground
- editorSuggestWidget.highlightForeground
- list.focusHighlightForeground
- editorSuggestWidget.focusHighlightForeground
- list.hoverBackground:
#2A2D2E- settings.focusedRowBackground
- settings.rowHoverBackground
- list.inactiveSelectionBackground:
#37373D- editorGutter.commentRangeForeground
- interactive.inactiveCodeBorder
- notebook.cellBorderColor
- notebook.inactiveFocusedCellBorder
- notebook.selectedCellBorder
- notebook.selectedCellBackground
- list.invalidItemForeground:
#B89500 - list.warningForeground:
#CCA700 - listFilterWidget.noMatchesOutline:
#BE1100 - merge.currentHeaderBackground:
Color.fromHex("#40C8AE").transparent(0.5)- editorOverviewRuler.currentContentForeground
- merge.currentContentBackground
- mergeEditor.conflict.input1.background
- merge.incomingHeaderBackground:
Color.fromHex("#40A6FF").transparent(0.5)- editorOverviewRuler.incomingContentForeground
- merge.incomingContentBackground
- mergeEditor.conflict.input2.background
- mergeEditor.change.background:
#9bb95533 - mergeEditor.change.word.background:
#9ccc2c33 - mergeEditor.changeBase.background:
#4B1818FF - mergeEditor.changeBase.word.background:
#6F1313FF - mergeEditor.conflict.handled.minimapOverViewRuler:
#adaca8ee - mergeEditor.conflict.unhandled.minimapOverViewRuler:
#fcba03FF - mergeEditor.conflict.unhandledFocused.border:
#ffa600 - mergeEditor.conflict.unhandledUnfocused.border:
#ffa6007a - mergeEditor.conflictingLines.background:
#ffea0047 - minimap.findMatchHighlight:
#d18616- charts.orange
- minimap.selectionHighlight:
#264F78 - peekViewEditor.background:
#001F33- peekViewEditorGutter.background
- peekViewEditorStickScroll.background
- peekViewEditor.matchHighlightBackground:
#ff8f0099 - peekViewResult.background:
#252526 - peekViewResult.matchHighlightBackground:
#ea5c004d - peekViewResult.selectionBackground:
#3399ff33 - pickerGroup.border:
#3F3F46 - pickerGroup.foreground:
#3794FF - progressBar.background:
Color.fromHex("#0E70C0") - sideBar.background:
#252526- notebook.cellEditorBackground
- statusBar.background:
#007ACC - statusBar.debuggingBackground:
#CC6633 - statusBar.noFolderBackground:
#68217A - statusBar.offlineBackground:
#6c1717 - symbolIcon.classForeground:
#EE9D28 - symbolIcon.constructorForeground:
#B180D7 - symbolIcon.enumeratorForeground:
#EE9D28 - symbolIcon.enumeratorMemberForeground:
#75BEFF - symbolIcon.eventForeground:
#EE9D28 - symbolIcon.fieldForeground:
#75BEFF - symbolIcon.functionForeground:
#B180D7 - symbolIcon.interfaceForeground:
#75BEFF - symbolIcon.methodForeground:
#B180D7 - symbolIcon.variableForeground:
#75BEFF - tab.activeModifiedBorder:
#3399CC- tab.inactiveModifiedBorder
- tab.unfocusedInactiveModifiedBorder
- tab.unfocusedActiveModifiedBorder
- tab.inactiveModifiedBorder
- tab.border:
#252526 - terminal.ansiBlue:
#2472c8 - terminal.ansiBrightBlue:
#3b8eea - terminal.ansiBrightCyan:
#29b8db - terminal.ansiBrightGreen:
#23d18b - terminal.ansiBrightMagenta:
#d670d6 - terminal.ansiBrightRed:
#f14c4c - terminal.ansiBrightYellow:
#f5f543 - terminal.ansiCyan:
#11a8cd - terminal.ansiGreen:
#0DBC79 - terminal.ansiMagenta:
#bc3fbc - terminal.ansiRed:
#cd3131 - terminal.ansiYellow:
#e5e510 - terminalCommandDecoration.errorBackground:
#F14C4C - terminalCommandDecoration.successBackground:
#1B81A8 - testing.iconErrored:
#f14c4c - testing.iconFailed:
#f14c4c - testing.iconPassed:
#73c991- testing.runAction
- testing.iconQueued:
#cca700 - textBlockQuote.border:
#007acc80 - textLink.activeForeground:
#3794FF - textLink.foreground:
#3794FF- extensionIcon.verifiedForeground
- notificationLink.foreground
- welcomePage.progress.foreground
- textPreformat.foreground:
#D7BA7D - toolbar.hoverBackground:
#5a5d5e50- menubar.selectionBackground
- toolbar.activeBackground
- activityBar.background:
#333333- activityBarItem.profilesBackground
- badge.background:
#4D4D4D- editorInlayHint.background
- editorInlayHint.parameterBackground
- editorInlayHint.typeBackground
- editorInlayHint.background
- debugIcon.breakpointDisabledForeground:
#848484 - debugIcon.breakpointUnverifiedForeground:
#848484 - debugTokenExpression.value:
#cccccc99 - debugToolBar.background:
#333333 - debugView.stateLabelBackground:
#88888844 - diffEditor.diagonalFill:
#cccccc33 - disabledForeground:
#CCCCCC80- editorCommentsWidget.resolvedBorder
- dropdown.background:
#3C3C3C- checkbox.background
- settings.checkboxBackground
- dropdown.border
- checkbox.border
- settings.checkboxBorder
- settings.dropdownBorder
- checkbox.border
- menu.background
- settings.dropdownBackground
- checkbox.background
- dropdown.foreground:
#F0F0F0- checkbox.foreground
- settings.checkboxForeground
- menu.foreground
- settings.dropdownForeground
- checkbox.foreground
- editor.background:
#1E1E1E- breadcrumb.background
- editor.selectionHighlightBackground
- editorGroupHeader.noTabsBackground
- editorGutter.background
- editorMarkerNavigation.background
- editorPane.background
- notebook.editorBackground
- editorStickyScroll.background
- panel.background
- tab.activeBackground
- tab.unfocusedActiveBackground
- editor.foreground:
#BBBBBB- editorGutter.commentGlyphForground
- editorSuggestWidget.foreground
- editorSuggestWidgetStatus.foreground
- editor.inlineValuesForeground:
#ffffff80 - editor.lineHighlightBorder:
#282828 - editor.rangeHighlightBackground:
#ffffff0b - editor.snippetFinalTabstopHighlightBorder:
#525252 - editor.wordHighlightBackground:
#575757B8- editor.wordHighlightTextBackground
- editorActiveLineNumber.foreground:
#c6c6c6- editorLineNumber.activeForeground
- editorBracketHighlight.foreground4:
#00000000 - editorBracketHighlight.foreground5:
#00000000 - editorBracketHighlight.foreground6:
#00000000 - editorBracketMatch.border:
#888 - editorBracketPairGuide.activeBackground1:
#00000000 - editorBracketPairGuide.activeBackground2:
#00000000 - editorBracketPairGuide.activeBackground3:
#00000000 - editorBracketPairGuide.activeBackground4:
#00000000 - editorBracketPairGuide.activeBackground5:
#00000000 - editorBracketPairGuide.activeBackground6:
#00000000 - editorBracketPairGuide.background1:
#00000000 - editorBracketPairGuide.background2:
#00000000 - editorBracketPairGuide.background3:
#00000000 - editorBracketPairGuide.background4:
#00000000 - editorBracketPairGuide.background5:
#00000000 - editorBracketPairGuide.background6:
#00000000 - editorCodeLens.foreground:
#999999 - editorGhostText.foreground:
Color.fromHex("#ffffff56") - editorGroup.border:
#444444- sideBySideEditor.horizontalBorder
- sideBySideEditor.verticalBorder
- editorHint.foreground:
Color.fromHex("#eeeeee").transparent(0.7) - editorLineNumber.foreground:
#858585 - editorOverviewRuler.border:
#7f7f7f4d - editorOverviewRuler.bracketMatchForeground:
#A0A0A0 - editorOverviewRuler.selectionHighlightForeground:
#A0A0A0CC- editorOverviewRuler.wordHighlightTextForeground
- editorOverviewRuler.wordHighlightForeground:
#A0A0A0CC - editorRuler.foreground:
#5A5A5A - editorUnnecessaryCode.opacity:
Color.fromHex("#000a") - editorWidget.border:
#454545- editorHoverWidget.border
- editorSuggestWidget.border
- settings.dropdownListBorder
- foreground:
#CCCCCC- breadcrumb.activeSelectionForeground
- breadcrumb.focusForeground
- breadcrumb.foreground
- charts.foreground
- charts.lines
- debugConsole.infoForeground
- debugConsole.sourceForeground
- debugConsoleInputIcon.foreground
- debugView.exceptionLabelForeground
- debugView.stateLabelForeground
- descriptionForeground
- editorWidget.foreground
- editorGroup.dropIntoPromptForeground
- editorHoverWidget.foreground
- notifications.foreground
- quickInput.foreground
- input.foreground
- settings.numberInputForeground
- settings.textInputForeground
- input.placeholderForeground
- notebookStatusRunningIcon.foreground
- symbolIcon.arrayForeground
- symbolIcon.booleanForeground
- symbolIcon.colorForeground
- symbolIcon.constantForeground
- symbolIcon.fileForeground
- symbolIcon.folderForeground
- symbolIcon.keyForeground
- symbolIcon.keywordForeground
- symbolIcon.moduleForeground
- symbolIcon.namespaceForeground
- symbolIcon.nullForeground
- symbolIcon.numberForeground
- symbolIcon.objectForeground
- symbolIcon.operatorForeground
- symbolIcon.packageForeground
- symbolIcon.propertyForeground
- symbolIcon.referenceForeground
- symbolIcon.snippetForeground
- symbolIcon.stringForeground
- symbolIcon.structForeground
- symbolIcon.textForeground
- symbolIcon.typeParameterForeground
- symbolIcon.unitForeground
- tree.tableOddRowsBackground
- keybindingTable.headerBackground
- keybindingTable.rowsBackground
- icon.foreground:
#C5C5C5- editorGutter.foldingControlForeground
- input.background:
#3C3C3C- settings.numberInputBackground
- settings.textInputBackground
- welcomePage.progress.background
- keybindingLabel.foreground:
Color.fromHex("#CCCCCC") - list.deemphasizedForeground:
#8C8C8C - menu.separatorBackground:
#606060 - merge.commonHeaderBackground:
Color.fromHex("#606060").transparent(0.4)- editorOverviewRuler.commonContentForeground
- merge.commonContentBackground
- mergeEditor.conflict.handledFocused.border:
#c1c1c1cc - mergeEditor.conflict.handledUnfocused.border:
#86868649 - minimap.foregroundOpacity:
Color.fromHex("#000f") - minimap.selectionOccurrenceHighlight:
#676767 - notebook.cellToolbarSeparator:
Color.fromHex("#808080").transparent(0.35) - notebook.symbolHighlightBackground:
Color.fromHex("#ffffff0b") - panel.border:
Color.fromHex("#808080").transparent(0.35)- panelSection.border
- settings.headerBorder
- settings.sashBorder
- terminal.border
- panelSectionHeader.background:
Color.fromHex("#808080").transparent(0.2) - panelTitle.activeForeground:
#E7E7E7- panel.dropBorder
- panelTitle.activeBorder
- panelTitle.inactiveForeground
- peekViewResult.lineForeground:
#bbbbbb - peekViewTitleDescription.foreground:
#ccccccb3 - scm.providerBorder:
#454545 - scrollbar.shadow:
#000000 - scrollbarSlider.activeBackground:
Color.fromHex("#BFBFBF").transparent(0.4)- minimapSlider.activeBackground
- notebookScrollbarSlider.activeBackground
- scrollbarSlider.background:
Color.fromHex("#797979").transparent(0.4)- minimapSlider.background
- notebookScrollbarSlider.background
- scrollbarSlider.hoverBackground:
Color.fromHex("#646464").transparent(0.7)- minimapSlider.hoverBackground
- notebookScrollbarSlider.hoverBackground
- settings.headerForeground:
#e7e7e7 - sideBarSectionHeader.background:
Color.fromHex("#808080").transparent(0.2) - statusBar.foreground:
#FFFFFF- statusBar.debuggingForeground
- statusBar.focusBorder
- statusBar.noFolderForeground
- statusBar.offlineForeground
- statusBarItem.focusBorder
- statusBarItem.prominentForeground
- tab.inactiveBackground:
#2D2D2D- tab.unfocusedInactiveBackground
- terminal.ansiBlack:
#000000 - terminal.ansiBrightBlack:
#666666 - terminal.ansiBrightWhite:
#e5e5e5 - terminal.ansiWhite:
#e5e5e5 - terminal.foreground:
#CCCCCC - terminalCommandDecoration.defaultBackground:
#ffffff40 - terminalOverviewRuler.cursorForeground:
#A0A0A0CC - testing.iconSkipped:
#848484 - testing.iconUnset:
#848484 - textBlockQuote.background:
#7f7f7f1a - textCodeBlock.background:
#0a0a0a66 - textSeparator.foreground:
#ffffff2e - titleBar.activeBackground:
#3C3C3C- titleBar.inactiveBackground
- titleBar.activeForeground:
#CCCCCC- commandCenter.activeBorder
- commandCenter.border
- commandCenter.foreground
- menubar.selectionForeground
- commandCenter.activeForeground
- titleBar.inactiveForeground
- commandCenter.inactiveBorder
- commandCenter.inactiveForeground
- tree.indentGuidesStroke:
#585858- tab.lastPinnedBorder
- tree.tableColumnsBorder:
#CCCCCC20 - walkthrough.stepTitle.foreground:
#ffffff - welcomeOverlay.background:
#00000085 - welcomePage.tileBorder:
#ffffff1a