Claude Neutral (VSCode Syntax)

What this boost changes

• Custom CSS

  Adds 164 lines of its own CSS. Rules that would load files from the internet are rejected when a boost is submitted.

  ShowHide 164 lines · 4.2 KB

  /*
   * From https://github.com/956MB/boosts
   *
   * MIT License
   *
   * Copyright (c) 2026 Alexander Bays
   *
   * Permission is hereby granted, free of charge, to any person obtaining a copy
   * of this software and associated documentation files (the "Software"), to deal
   * in the Software without restriction, including without limitation the rights
   * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
   * copies of the Software, and to permit persons to whom the Software is
   * furnished to do so, subject to the following conditions:
   *
   * The above copyright notice and this permission notice shall be included in all
   * copies or substantial portions of the Software.
   *
   * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
   * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
   * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
   * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
   * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
   * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
   * SOFTWARE.
   */
  
  /* Claude Neutral (VSCode Syntax) */
  /* https://github.com/956MB/boosts/blob/main/claude-neutral-vscode.css */
  
  /* https://claude.ai/ */
  
  [data-mode="light"] {
  	color-scheme: light !important;
  	--text-000: 0 0% 5.5% !important;
  	--text-100: 0 0% 13.3% !important;
  	--text-200: 0 0% 20% !important;
  	--text-300: 0 0% 30% !important;
  	--text-400: 0 0% 37% !important;
  	--text-500: 0 0% 42.1% !important;
  	--bg-000: 0 0% 97.1% !important;
  	--bg-100: 0 0% 94.9% !important;
  	--bg-200: 0 0% 92% !important;
  	--bg-300: 0 0% 87.8% !important;
  	--bg-400: 0 0% 82% !important;
  	--bg-500: 0 0% 71% !important;
  }
  
  [data-mode="dark"] {
  	color-scheme: dark !important;
  	--text-000: 0 0% 97.1% !important;
  	--text-100: 0 0% 94.9% !important;
  	--text-200: 0 0% 89.2% !important;
  	--text-300: 0 0% 79% !important;
  	--text-400: 0 0% 69.2% !important;
  	--text-500: 0 0% 62.9% !important;
  	--bg-000: 0 0% 22% !important;
  	--bg-100: 0 0% 17.8% !important;
  	--bg-200: 0 0% 16.1% !important;
  	--bg-300: 0 0% 12% !important;
  	--bg-400: 0 0% 9.2% !important;
  	--bg-500: 0 0% 5.5% !important;
  }
  
  .prismjs.code-block__code,
  code[class*="language-"],
  .code-block__code[style*="background"],
  .code-block__code[style],
  .code-block__code[style] code,
  .code-block__code code[style],
  .code-block__code * {
  	background: #252525 !important;
  	background-color: #252525 !important;
  }
  
  [data-theme="claude"] .bg-\[\#282c34\],
  [data-theme="claude"] .code-block *,
  [data-theme="claude"] .code-block__code,
  [data-theme="claude"] .code-block__code > * {
  	background-color: #252525 !important;
  }
  
  span.token[style*="color: rgb(92, 99, 112)"][style*="font-style: italic"]:not(
  		[style*="font-weight:"]
  	) {
  	color: #666666 !important;
  }
  span.token[style*="color: rgb(224, 108, 117)"] {
  	color: #c586c0 !important;
  }
  span.token[style*="color: rgb(198, 120, 221)"] {
  	color: #569cd6 !important;
  }
  span.token.unit,
  span.token[style*="color: rgb(152, 195, 121)"],
  span.token.attribute[style*="color: rgb(152, 195, 121)"] {
  	color: #ce9178 !important;
  }
  span.token.class[style*="color: rgb(152, 195, 121)"] {
  	color: #4ec9b0 !important;
  }
  span.token[style*="color: rgb(97, 175, 239)"],
  span.token.pseudo-element[style*="color: rgb(152, 195, 121)"] {
  	color: #dcdcaa !important;
  }
  span.token.attribute[style*="color: rgb(209, 154, 102)"] {
  	color: #79c0ff !important;
  }
  span.token.attribute[style*="color: rgb(97, 175, 239)"] {
  	color: var(--text-300) !important;
  }
  span.token[style*="color: rgb(209, 154, 102)"] {
  	color: #c586c0 !important;
  }
  
  .comment,
  .quote {
  	color: #666666 !important;
  }
  .doctag,
  .formula,
  .keyword {
  	color: #569cd6 !important;
  }
  .deletion,
  .name,
  .section,
  .selector-tag,
  .meta,
  .subst {
  	color: #569cd6 !important;
  }
  .literal {
  	color: #56b6c2 !important;
  }
  .addition,
  .attribute,
  .meta-string,
  .regexp,
  .string {
  	color: #ce9178 !important;
  }
  .built_in,
  .class .title {
  	color: #4ec9b0 !important;
  }
  .number {
  	color: var(--text-300) !important;
  }
  .attr,
  .selector-attr,
  .selector-class,
  .selector-pseudo,
  .template-variable,
  .type,
  .variable {
  	color: #d7ba7d !important;
  }
  .bullet,
  .link,
  .selector-id,
  .symbol,
  .title {
  	color: #dcdcaa !important;
  }