Visual Studio Code Personalizations (CSS and JS)

custom.css

/**
 * @author Michaël "e7d" Ferrand
 * @description custom style for Visual Studio Code
 * @see https://gist.githubusercontent.com/e7d/34cf097cd1fc3a7bbb7300b8fcd70d1c
 */

/***** RESOURCES *****/

@font-face {
  font-family: 'Font Awesome';
  src: url('fontawesome-webfont.woff2?v=4.7.0') format('woff2');
  font-weight: normal;
  font-style: normal;
}

/***** THEME CUSTOMIZATION *****/

.zhuangtongfa-Material-theme-themes-OneDark-Pro-json .mtk18 {
  font-family: 'Operator Mono Light', serif;
  font-style: italic;
  /* Fira Code alignment */
  font-size: 1.15em;
}

.tab.active {
  border-bottom: 1px solid rgb(215, 218, 224) !important;
}

/***** EXTENSIONS CUSTOMIZATION *****/

/*** vscode-spotify ***/

.monaco-workbench>.part.statusbar>.statusbar-entry [title~=Spotify] span.octicon {
  display: inline-block;
  font: normal normal normal 14px/1 'Font Awesome';
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Previous song */
.monaco-workbench>.part.statusbar>.statusbar-entry [title~=Spotify] span.octicon.octicon-chevron-left:before {
  content: "\f048";
}

/* Play */
.monaco-workbench>.part.statusbar>.statusbar-entry [title~=Spotify] span.octicon.octicon-triangle-right:before {
  content: "\f04b";
}

/* Pause */
.monaco-workbench>.part.statusbar>.statusbar-entry [title~=Spotify] span.octicon.octicon-primitive-square:before {
  content: "\f04c";
}

/* Next song */
.monaco-workbench>.part.statusbar>.statusbar-entry [title~=Spotify] span.octicon.octicon-chevron-right:before {
  content: "\f051";
}

/* Mute/Unmute */
.monaco-workbench>.part.statusbar>.statusbar-entry [title~=Spotify] span.octicon.octicon-unmute:before {
  content: "\f028";
}
.monaco-workbench>.part.statusbar>.statusbar-entry [title~=Spotify] span.octicon.octicon-mute:before {
  content: "\f026";
}

/* Lyrics */
.monaco-workbench>.part.statusbar>.statusbar-entry [title~=Spotify] span.octicon.octicon-book:before {
  content: "\f0f6";
}

custom.js

/**
 * @author Michaël "e7d" Ferrand
 * @description custom script for Visual Studio Code
 * @see https://gist.githubusercontent.com/e7d/34cf097cd1fc3a7bbb7300b8fcd70d1c
 */

// Nothing yet

fontawesome-webfont.woff2