Skip to content

Latest commit

 

History

History
133 lines (106 loc) · 4.43 KB

README.md

File metadata and controls

133 lines (106 loc) · 4.43 KB

Cyber Dark Theme

Theme Preview

Cyber Dark Theme Preview 1 Cyber Dark Theme Preview 2 Cyber Dark Theme Preview 3

Introduction

Welcome to the Cyber Dark Theme for Visual Studio Code. Embrace a sleek, cyber-inspired aesthetic with a dark background and vibrant, contrasting colors, perfect for a futuristic coding experience.

Installation

<<<<<<< HEAD

The theme only works with the latest version 1.91.0 if you get an error message update your vscode

https://marketplace.visualstudio.com/items?itemName=selimAP.Cyber-Dark-Theme

You can install the theme from the Visual Studio Marketplace here.

Alternative Installation Method

  1. Open Visual Studio Code.
  2. Go to the Extensions view by clicking the square icon in the sidebar.
  3. Search for Cyber Dark Theme.
  4. Click Install.

Usage

After installation, select the theme:

  1. Open the Command Palette (Ctrl+Shift+P or Cmd+Shift+P).
  2. Type Preferences: Color Theme and select Cyber Dark Theme.

Colors and Token Customization

Editor Colors

  • Background: #0e0a2c
  • Foreground: #ffffff

Sidebar and Activity Bar

  • Activity Bar Background: #18163b
  • Activity Bar Foreground: #B026FF
  • Sidebar Background: #0a0720
  • Sidebar Foreground: #ffffff

Tabs

  • Active Tab Background: #120d3a
  • Inactive Tab Background: #0b0725
  • Active Tab Border: #07f2f1

Status Bar

  • Background: #B026FF
  • Foreground: #ffffff

Token Colors

  • Comment: #8a8a8a7e (italic)
  • Variables: #797bff
  • Colors: #ffffff
  • Invalid: #FF5370
  • Keyword, Storage: #D968FF
  • Operator, Misc: #FFEB3B
  • Tag: #FF9800
  • Function, Special Method: #FF9800
  • Block Level Variables: #FF9800
  • Other Variable, String Link: #FF9800
  • Number, Constant, Function Argument, Tag Attribute, Embedded: #FF5F1F
  • String, Symbols, Inherited Class, Markup Heading: #9bdb99
  • Class, Support: #797bff
  • Entity Types: #797bff
  • CSS Class and Support: #797bff
  • Sub-methods: #FF5370
  • Language Methods: #FF5370 (italic)
  • Method: #82AAFF (italic)
  • Attributes: #D968FF
  • HTML Attributes: #FFCB6B (italic)
  • CSS Classes: #CFFF04
  • CSS IDs: #82AAFF
  • Inserted: #C3E88D
  • Deleted: #FF5370
  • Changed: #C792EA
  • Regular Expressions: #6cb6d3
  • Escape Characters and Slash: #6cb6d3
  • URL: #82AAFF (underline)
  • Decorators: #82AAFF (italic)
  • ES7 Bind Operator: #FF5370 (italic)
  • JSON Keys:
    • Level 0: #797bff
    • Level 1: #CFFF04
    • Level 2: #FF5F1F
    • Level 3: #FF5370
    • Level 4: #FFA343
    • Level 5: #82AAFF
    • Level 6: #FF9800
    • Level 7: #C792EA
    • Level 8: #C3E88D
  • Markdown - Plain: #deffff
  • Markdown - Markup Raw Inline: #C792EA
  • Markdown - Markup Raw Inline Punctuation: #65737E
  • Markdown - Heading: #C3E88D
  • Markup - Italic: #FF9800 (italic)
  • Markup - Bold: #FF9800 (bold)
  • Markup - Bold-Italic: #FF9800 (bold)
  • Markup - Underline: #F78C6C (underline)
  • Markdown - Blockquote: #65737E
  • Markup - Quote: #FF9800 (italic)
  • Markdown - Link: #82AAFF
  • Markdown - Link Description: #C792EA
  • Markdown - Link Anchor: #FFCB6B
  • Markup - Raw Block: #C792EA
  • Markdown - Raw Block Fenced: #00000050
  • Markdown - Fenced Code Block: #00000050
  • Markdown - Fenced Code Block Variable: #EEFFFF
  • Markdown - Fenced Language: #65737E
  • Markdown - Separator: #65737E (bold)
  • Markup - Table: #EEFFFF

Enjoy Coding!

Thank you for choosing Cyber Dark Theme. Enjoy a futuristic coding experience!

GitHub

For more projects and updates, visit my GitHub profile.