Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@openameba/spindle-syntax-themes

Package Overview
Dependencies
Maintainers
6
Versions
18
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@openameba/spindle-syntax-themes

Spindle syntax themes

  • 1.1.1
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
10
decreased by-81.82%
Maintainers
6
Weekly downloads
 
Created
Source

Spindle Syntax Themes

Spindle Syntax Themesは、Spindleで定義された色を利用したコードシンタックステーマ(CSS)です。LightテーマとDarkテーマが用意されており、どちらも背景色とテキスト色のコントラスト比を担保するように作成されています。

実際のコードに適用されたスタイルは、サンプルページで閲覧できます。

テーマ

Light

Lightテーマのスクリーンショット

Dark

Darkテーマのスクリーンショット

Usage

Spindle Syntax Themesを利用するには、npm経由で読み込む(推奨)もしくは、CDN経由で読み込む方法があります。現在は、Highlight.jsに対応しています。Highlight.jsの使い方は公式サイトを参照してください。

npm or Yarn

npm install @openameba/spindle-syntax-themes
yarn add @openameba/spindle-syntax-themes

インストールしたCSSは、SassやPostCSSなどで読み込んで利用します。

@import '@openameba/spindle-syntax-themes/highlightjs-light.css'
@import '@openameba/spindle-syntax-themes/highlightjs-dark.css'

CDN

<link rel="stylesheet" href="https://unpkg.com/@openameba/spindle-syntax-themes@0.1.0/highlightjs-light.min.css">
<link rel="stylesheet" href="https://unpkg.com/@openameba/spindle-syntax-themes@0.1.0/highlightjs-dark.min.css">

HTMLからCDNを経由して直接読み込みます。CDNの配信のため、サイトの表示速度に影響を及ぼす可能性があります。

バージョニング

0.x, 1.x

Highlight.jsのバージョン10と互換性があります。それ以外のバージョンでも利用できる可能性はありますが、動作確認していません。

FAQs

Package last updated on 14 Feb 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc