Skip to content
🍧 A modern Dark Material Theme which lets you forget the summer while coding. 🍦
Branch: master
Clone or download
Latest commit ea5fb4e May 5, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode [+] Start vs-code theme Jan 18, 2019
demo [~] Color support types like console(),root() May 5, 2019
images [+] Palette May 1, 2019
themes [~] Color support types like console(),root() May 5, 2019
.gitignore [+] Json coloring level0 Mar 16, 2019
.release-it.json [+] demos Feb 18, 2019
.vscodeignore Init Feb 18, 2019
CHANGELOG.md 🍧 Release 1.6.0 May 5, 2019
CONTRIBUTE.md Init Feb 18, 2019
LICENSE Initial commit Jan 18, 2019
README.md [+] Palette May 1, 2019
package-lock.json [~] Improve Markdown Apr 24, 2019
package.json

README.md

Logo

Version Rating Installs Downloads

A modern Dark Material Theme which lets you forget the summer while coding.

s1

s1

Color Palette

p

The minimalistic design makes the developer to concentrate on what's important while understanding the code flow.

  • #F699D9 #F699D9 Keywords
  • #AEE9F5 #AEE9F5 Variables
  • #EBEA8B #EBEA8B Operators
  • #A8F79A #A8F79A Static
  • #ECF6FF #ECF6FF Functions
  • #282c34 #282c34 Background

Configuration

πŸ“ FiraCode and Hack fonts, find more at Nerd-Fonts

πŸ“ Material Icon Theme

πŸ“ Bracket Pair Colorizer

πŸ‘· VSCode Settings:

// Work Bench
"workbench.colorTheme": "Summer Time",
"workbench.iconTheme": "material-icon-theme",
"workbench.statusBar.feedback.visible": false,
"workbench.statusBar.visible": true,
"workbench.startupEditor": "newUntitledFile",
"workbench.editor.highlightModifiedTabs": true,

// Window
"window.menuBarVisibility": "toggle",
"window.zoomLevel": 1,
"window.titleBarStyle": "custom",

// Explorer
"explorer.confirmDelete": false,
"explorer.sortOrder": "type",
"explorer.confirmDragAndDrop": false,
"explorer.decorations.badges": false,

// Editor
"editor.fontFamily": "FuraCode Nerd Font, Light",
"editor.mouseWheelZoom": true,
"editor.snippetSuggestions": "bottom",
"editor.autoClosingBrackets": "always",
"editor.rulers": [100],
"editor.renderIndentGuides": false,
"editor.fontLigatures": true,
"editor.renderControlCharacters": false,
"editor.autoClosingQuotes": "always",
"editor.formatOnSave": true,
"editor.formatOnType": false,
"editor.fontSize": 15,
"editor.lineHeight": 24.65,
"editor.letterSpacing": 0.5,
"editor.fontWeight": "400",
"editor.cursorStyle": "line-thin",
"editor.cursorWidth": 5,
"editor.cursorBlinking": "solid",
"editor.renderWhitespace": "all",
"editor.glyphMargin": true,
"editor.suggest.snippetsPreventQuickSuggestions": true,

// Terminal
"terminal.integrated.cursorStyle": "underline",
"terminal.integrated.cursorBlinking": true,
"terminal.integrated.fontSize": 14,
"terminal.integrated.fontWeight": "normal",
"terminal.integrated.fontFamily": "Hack Nerd Font Mono, ExtraLight",
"terminal.integrated.rendererType": "dom",
"terminal.integrated.fontWeightBold": "normal",

// Files
"files.autoSave": "onFocusChange",
"files.trimTrailingWhitespace": true,
"files.trimFinalNewlines": true,
"files.exclude": {
  "**/.git": true,
  "**/.svn": true,
  "**/.hg": true,
  "**/CVS": true,
  "**/.DS_Store": true,
  "**/node_modules": true
},
"files.associations": {
  "*.react.js": "javascriptreact",
  "*.stories.js": "javascriptreact",
  "*.js": "javascript"
},

// Material Icons
"material-icon-theme.activeIconPack": "react_redux",
"material-icon-theme.folders.theme": "specific",
"material-icon-theme.hidesExplorerArrows": true,
"material-icon-theme.folders.color": "#F699D9",
"material-icon-theme.files.associations": {
  "*.ts": "typescript",
  "fileName.ts": "angular",
  "*.react.js": "react"
},

// Sync
"sync.gist": "37489160d4242adee13d821d95858f97",
"sync.autoUpload": true,
"sync.autoDownload": true,
"sync.quietSync": false,

// Git
"git.autofetch": true,
"git.confirmSync": false,

// Prettier
"prettier.eslintIntegration": true,
"prettier.singleQuote": true,

// Eslint
"eslint.autoFixOnSave": true,
"eslint.enable": true,
"eslint.run": "onType",

// SOP's Import Cost Extension Settings.
"importCost.largePackageColor": "#F699D9",
"importCost.mediumPackageColor": "#EBEA8B",
"importCost.smallPackageColor": "#EBEA8B",

// Better comments
"better-comments.tags": [
  {
    "tag": "*",
    "color": "#EBEA8B",
    "strikethrough": false,
    "backgroundColor": "transparent"
  }
],

// Bookmarks
"numberedBookmarks.gutterIconFillColor": "#F699D9",
"numberedBookmarks.gutterIconNumberColor": "#000",

// Others
"javascript.format.enable": false,
"javascript.updateImportsOnFileMove.enabled": "always",
"breadcrumbs.enabled": true,
"debug.toolBarLocation": "docked",
"markdown-preview-enhanced.enableTypographer": true,
"svg.preview.autoOpen": true

Installation

πŸ‘‰ Via Marketplace

πŸ‘‰ File > Preferences > Color Theme

πŸ‘‰ Quick open (Ctrl+P) ext install miguelsolorio.min-theme

Other Places

You can’t perform that action at this time.