Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>PatternsNew to Visual Studio Code? Get it now.

Patterns

Futs

|
671 installs
| (1) | Free
Set a background pattern for the header bar and/or menu bars.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Patterns

Patterns is an extension that sets the background of your header/menu bars/settings and/or editor to a nice background pattern. It works by editing the CSS file used by Visual Code and looks pretty cool.

If you get a warning saying: "Your Code installation appears to be corrupt. Please reinstall." try running as admin or hiding the message (it displays due to the CSS system file being changed).

Status

Installs Ratings

Screenies

Settings.json properties

Name Type Description
headerpattern.enabled boolean true to enable the extension, false to uninstall.
headerpattern.pattern string "" for no pattern, any from: https://www.heropatterns.com/ for a pattern.
headerpattern.leftpattern string "" for no pattern, any from: https://www.heropatterns.com/ for a pattern.
headerpattern.sidebarPattern string "" for no pattern, any from: https://www.heropatterns.com/ for a pattern.
headerpattern.editorPattern string "" for no pattern, any from: https://www.heropatterns.com/ for a pattern.
headerpattern.fillColor string 010101 by default, change to set the foreground color of the pattern.
headerpattern.fillColorLeft string 010101 by default, change to set the foreground color of the pattern.
headerpattern.fillColorSidebar string 010101 by default, change to set the foreground color of the pattern.
headerpattern.fillColorEditor string 010101 by default, change to set the foreground color of the pattern.

See the bottom of this page for a list of all the supported patterns.

Credits

  • Steve Schoger: For creating all the patterns and making these freely available.
  • shalldie: Multiple parts of the codebase.

Extension Settings

This extension contributes the following settings:

  • headerpattern.enable: Enable/disable this extension.
  • headerpattern.pattern: The header pattern to be used.
  • headerpattern.leftpattern: The left menu pattern to be used.
  • headerpattern.sidebarPattern: The sidebar pattern to be used.
  • headerpattern.editorPattern: The sidebar pattern to be used.
  • headerpattern.fillColor: The header pattern foreground color.
  • headerpattern.fillColorLeft: The left menu pattern foreground color.
  • headerpattern.fillColorSidebar: The sidebar pattern foreground color.
  • headerpattern.fillColorEditor: The editor pattern foreground color.

Known Issues

If a warning appears simply agree to it, if the extension does not work: try to open visual code as admin.

Supported patterns

Supported patterns
Jigsaw
Overcast
FormalInvitation
Topography
Texture
Jupiter
Architect
Cutout
Hideout
GraphPaper
YYY
Squares
FallingTriangles
PianoMan
PieFactory
Dominos
Hexagons
CharlieBrown
Autumn
Temple
StampCollection
DeathStar
ChurchonSunday
ILikeFood
OverlappingHexagons
FourPointStars
Bamboo
BathroomFloor
CorkScrew
HappyIntersection
Kiwi
Lips
Lisbon
RandomShapes
SteelBeams
TinyCheckers
XEquals
AnchorsAway
BevelCircle
BrickWall
FancyRectangles
HeavyRain
OverlappingCircles
Plus
Rounded PlusConnected
VolcanoLamp
Wiggle
Bubbles
Cage
Connections
Current
DiagonalStripes
FlippedDiamonds
FloatingCogs
Glamorous
Houndstooth
Leaf
LinesInMotion
Moroccan
MorphingDiamonds
Rails
Rain
Skulls
SquaresInSquares
Stripes
TicTacToe
ZigZag
Aztec
BankNote
Boxes
CirclesAndSquares
CircuitBoard
Curtain
DiagonalLines
EndlessClouds
Eyes
FloorTile
Groovy
IntersectingCircles
Melt
OverlappingDiamonds
ParkayFloor
PixelDots
PolkaDots
Signal
SlantedStars
Wallpaper

Release Notes

Changes are described here.

1.4.0

Added support for editor pattern.

1.3.0

Fixed rename of the css file.

1.2.0

Added support for setting the foreground color.

1.1.1

Set default for left bar to hexagon so something works right off the bat.

1.1.0

Added headerPattern.sidebarPatternto set the sidebar pattern.

1.0.0

Initial release

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft