1. @codemirror/theme-one-dark
One Dark theme for the CodeMirror code editor
@codemirror/theme-one-dark
Package: @codemirror/theme-one-dark
Created by: codemirror
Last modified: Mon, 17 Apr 2023 15:56:40 GMT
Version: 6.1.2
License: MIT
Downloads: 2,523,625
Repository: https://github.com/codemirror/theme-one-dark

Install

npm install @codemirror/theme-one-dark
yarn add @codemirror/theme-one-dark

@codemirror/theme-one-dark NPM version

[ WEBSITE | ISSUES | FORUM | CHANGELOG ]

This package implements the One Dark theme for the
CodeMirror code editor.

The project page has more information, a
number of examples and the
documentation.

This code is released under an
MIT license.

We aim to be an inclusive, welcoming community. To make that explicit,
we have a code of
conduct
that applies
to communication around the project.

API Reference

oneDark: Extension

Extension to enable the One Dark theme (both the editor theme and the highlight style).

oneDarkTheme: Extension

The editor theme styles for One Dark.

oneDarkHighlightStyle: HighlightStyle

The highlighting style for code in the One Dark theme.

color: {chalky: string, coral: string, cyan: string, invalid: string, ivory: string, stone: string, malibu: string, sage: string, whiskey: string, violet: string, darkBackground: string, highlightBackground: string, background: string, tooltipBackground: string, selection: string, cursor: string}

The colors used in the theme, as CSS color strings.

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin