In the article changing the i3 status bar via configuration file we did not change the colours. We can do so in the config file of i3.

~/.config/i3/config

Contents of the movie

  • changing colours to see the effect
  • hexadecimal codes
  • ffffff = white
  • 000000 = black
  • ff0000 = red
  • tip : moving popup windows around
  • sublime-text will send ‘nag screens’ they will be shown in workspace 2
  • change the colours to see the effect

 

Copy/pasting this code in will get  a blue background with light blue border and white text for focused workspaces – general dark lay-out

   colors {
           background #222222
           statusline #eeeeee
           separator #666666
           #                  border  backgr. text
           focused_workspace  #4c7899 #285577 #ffffff
           active_workspace   #333333 #5f676a #ffffff
           inactive_workspace #333333 #222222 #888888
           urgent_workspace   #2f343a #900000 #ffffff
        }

 

Notice the blue background of the focused workspace at the bottom in the i3 status bar.

colors-change-i3statusbar