From 1b4aa89430ceb56f6757ec74dbf123a6e6bdc282 Mon Sep 17 00:00:00 2001 From: Mike Sigsworth Date: Fri, 13 Nov 2020 17:54:58 -0700 Subject: [PATCH 1/2] Monokai skin --- skins/monokai.yml | 107 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 107 insertions(+) create mode 100644 skins/monokai.yml diff --git a/skins/monokai.yml b/skins/monokai.yml new file mode 100644 index 00000000..7b3dab24 --- /dev/null +++ b/skins/monokai.yml @@ -0,0 +1,107 @@ +# Styles... +foreground: &foreground "#dcdcdc" +background: &background "#2a2a2a" +current_line: ¤t_line "#75715e" +selection: &selection "#66d9ef" +comment: &comment "#a6e22e" +red: &red "#ff0000" +magenta: &magenta "#F72972" +orange: &orange "#e47c20" +lightBlue: &lightBlue "#c3eff7" +blue: &blue "#69d9ed" +darkBlue: &darkBlue "#3f828e" +green: &green "#a7e24c" +grey: &grey "#3a3a3a" + +# Skin... +k9s: + # General K9s styles + body: + fgColor: *foreground + bgColor: *background + logoColor: *magenta + # ClusterInfoView styles. + info: + fgColor: *blue + sectionColor: *lightBlue + # Dialog styles. + dialog: + fgColor: *foreground + bgColor: *grey + buttonFgColor: *foreground + buttonBgColor: *darkBlue + buttonFocusFgColor: *foreground + buttonFocusBgColor: *darkBlue + labelFgColor: *lightBlue + fieldFgColor: *darkBlue + frame: + # Borders styles. + border: + fgColor: *selection + focusColor: *darkBlue + menu: + fgColor: *lightBlue + keyColor: *green + # Used for favorite namespaces + numKeyColor: *green + # CrumbView attributes for history navigation. + crumbs: + fgColor: *foreground + bgColor: *current_line + activeColor: *current_line + # Resource status and update styles + status: + newColor: *blue + modifyColor: *darkBlue + addColor: *green + errorColor: *red + highlightcolor: *lightBlue + killColor: *comment + completedColor: *darkBlue + # Border title styles. + title: + fgColor: *foreground + bgColor: *grey + highlightColor: *blue + counterColor: *lightBlue + filterColor: *orange + views: + # Charts skins... + charts: + bgColor: default + defaultDialColors: + - *magenta + - *red + defaultChartColors: + - *magenta + - *red + # TableView attributes. + table: + fgColor: *foreground + bgColor: *background + cursorFgColor: *foreground + cursorBgColor: *current_line + # Header row styles. + header: + fgColor: *foreground + bgColor: *grey + sorterColor: *orange + # Xray view attributes. + xray: + fgColor: *foreground + bgColor: *grey + cursorColor: *current_line + graphicColor: *magenta + showIcons: false + # YAML info styles. + yaml: + keyColor: *orange + colonColor: *lightBlue + valueColor: *foreground + # Logs styles. + logs: + fgColor: *foreground + bgColor: *background + indicator: + fgColor: *foreground + bgColor: *grey From 8515b1d2088f3b847d0cf88f154ebe128e8e4fe6 Mon Sep 17 00:00:00 2001 From: Mike Sigsworth Date: Thu, 19 Nov 2020 00:48:23 -0700 Subject: [PATCH 2/2] Update monokai.yml Spent more time getting the colors right on all screens. Checked pulses and xray more thoroughly. --- skins/monokai.yml | 89 +++++++++++++++++++++++++++++------------------ 1 file changed, 55 insertions(+), 34 deletions(-) diff --git a/skins/monokai.yml b/skins/monokai.yml index 7b3dab24..6c77268f 100644 --- a/skins/monokai.yml +++ b/skins/monokai.yml @@ -1,17 +1,15 @@ +# monokai.yml # Styles... -foreground: &foreground "#dcdcdc" -background: &background "#2a2a2a" -current_line: ¤t_line "#75715e" -selection: &selection "#66d9ef" -comment: &comment "#a6e22e" -red: &red "#ff0000" -magenta: &magenta "#F72972" +foreground: &foreground "#ffffff" +background: &background "default" +backgroundOpaque: &backgroundOpaque "#333333" +magenta: &magenta "#f72972" orange: &orange "#e47c20" lightBlue: &lightBlue "#c3eff7" blue: &blue "#69d9ed" -darkBlue: &darkBlue "#3f828e" +darkBlue: &darkBlue "#3174a2" green: &green "#a7e24c" -grey: &grey "#3a3a3a" +purple: &purple "#856cc4" # Skin... k9s: @@ -27,17 +25,17 @@ k9s: # Dialog styles. dialog: fgColor: *foreground - bgColor: *grey + bgColor: *background buttonFgColor: *foreground - buttonBgColor: *darkBlue + buttonBgColor: *green buttonFocusFgColor: *foreground buttonFocusBgColor: *darkBlue - labelFgColor: *lightBlue - fieldFgColor: *darkBlue + labelFgColor: *orange + fieldFgColor: *blue frame: # Borders styles. border: - fgColor: *selection + fgColor: *blue focusColor: *darkBlue menu: fgColor: *lightBlue @@ -47,61 +45,84 @@ k9s: # CrumbView attributes for history navigation. crumbs: fgColor: *foreground - bgColor: *current_line - activeColor: *current_line + bgColor: *backgroundOpaque + activeColor: *blue # Resource status and update styles status: newColor: *blue - modifyColor: *darkBlue + modifyColor: *purple addColor: *green - errorColor: *red - highlightcolor: *lightBlue - killColor: *comment + pendingColor: *orange + errorColor: *magenta + highlightcolor: *blue + killColor: *green completedColor: *darkBlue # Border title styles. title: fgColor: *foreground - bgColor: *grey + bgColor: *background highlightColor: *blue counterColor: *lightBlue filterColor: *orange views: # Charts skins... charts: - bgColor: default + bgColor: *background + dialBgColor: *background + chartBgColor: *backgroundOpaque defaultDialColors: + - *blue - *magenta - - *red defaultChartColors: + - *blue - *magenta - - *red + resourceColors: + batch/v1/jobs: + - *blue + - *magenta + v1/persistentvolumes: + - *blue + - *magenta + cpu: + - *blue + - *magenta + mem: + - *blue + - *magenta + v1/events: + - *blue + - *magenta + v1/pods: + - *blue + - *magenta # TableView attributes. table: fgColor: *foreground bgColor: *background cursorFgColor: *foreground - cursorBgColor: *current_line + cursorBgColor: *backgroundOpaque + markColor: *magenta # Header row styles. header: fgColor: *foreground - bgColor: *grey - sorterColor: *orange + bgColor: *backgroundOpaque + sorterColor: *blue # Xray view attributes. xray: fgColor: *foreground - bgColor: *grey - cursorColor: *current_line - graphicColor: *magenta - showIcons: false + bgColor: *background + cursorColor: *blue + cursorTextColor: *foreground + graphicColor: *blue # YAML info styles. yaml: keyColor: *orange - colonColor: *lightBlue + colonColor: *orange valueColor: *foreground # Logs styles. logs: fgColor: *foreground - bgColor: *background + bgColor: *backgroundOpaque indicator: fgColor: *foreground - bgColor: *grey + bgColor: *darkBlue