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
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
