Orange Design System theme for Storybook

Overview

ODS Storybook Theme

Orange Design System Storybook Theme provides a Storybook theme for Orange.

ods-orange-theme-screenshot

Quick start

  • Install with npm: npm install ods-storybook-theme --save-dev

In order to import the theme into Storybook, create new .storybook/manager.js file in your project containing:

import { addons } from '@storybook/addons';
import OrangeTheme from 'ods-storybook-theme/OrangeTheme.js';

addons.setConfig({
  theme: OrangeTheme,
});
You might also like...

Cyberpunk Store - online supermarket project, using cyberpunk inspired theme.

Cyberpunk Store - online supermarket project, using cyberpunk inspired theme.

if you downloaded the project from GITHUB TO START THE PROJECT WITHOUT ERRORS - Copy/Cut the "assets" folder into "Client/src/" folder (i threw the

Jan 2, 2022

This stylesheet customizes Jupyter Notebooks to a dark-theme with vibrant pink, blue, and lime accents.

This stylesheet customizes Jupyter Notebooks to a dark-theme with vibrant pink, blue, and lime accents.

jupyter-dragonfruit-theme This stylesheet customizes Jupyter Notebooks to a dark-theme with vibrant pink, blue, and lime accents. Author Website Conta

Jan 29, 2022

PostCSS plugin to render WordPress global styles from a theme.json file

postcss-wp-global-styles PostCSS plugin to render WordPress global styles from a theme.json file. As of now it only supports preset styles. Usage @wp-

Aug 5, 2022

Lavender - A purple powercord theme

Lavender - A purple powercord theme

Lavender A good looking dark purple-ish theme for discord. If you got any sugges

Jan 6, 2023

Monkeytype - Soothing pastel theme for MonkeyType

Monkeytype - Soothing pastel theme for MonkeyType

Catppuccin for MonkeyType Usage Open settings on monkeytype.com Go to the theme

Dec 22, 2022

A simple, performance-first, SEO-friendly Hugo theme

A simple, performance-first, SEO-friendly Hugo theme

Hugo Theme Luna A simple, performance-first, SEO-friendly Hugo theme 👉 Example | 中文文档 Introduction Using Tailwindcss Custom Themes Many shortcodes Da

Jan 5, 2023

Materialize, a CSS Framework based on Material Design

MaterializeCSS Materialize, a CSS Framework based on material design. -- Browse the docs -- Table of Contents Quickstart Documentation Supported Brows

Jan 2, 2023

Material Design Components in HTML/CSS/JS

Material Design Lite An implementation of Material Design components in vanilla CSS, JS, and HTML. Material Design Lite (MDL) lets you add a Material

Jan 4, 2023

Modular and customizable Material Design UI components for the web

Material Components for the web Material Components for the web helps developers execute Material Design. Developed by a core team of engineers and UX

Jan 3, 2023
Releases(v0.1.0)
  • v0.1.0(Dec 21, 2021)

    What's Changed

    • Project initialization by @julien-deramond in https://github.com/Orange-OpenSource/ods-storybook-theme/pull/1

    New Contributors

    • @julien-deramond made their first contribution in https://github.com/Orange-OpenSource/ods-storybook-theme/pull/1

    Full Changelog: https://github.com/Orange-OpenSource/ods-storybook-theme/commits/v0.1.0

    Source code(tar.gz)
    Source code(zip)
    ods-storybook-theme-0.1.0.tgz(2.98 KB)
Owner
Orange
Open Source by Orange
Orange
Beautiful theme for Obsidian, Base on Minimal theme

?? obsidian_orange 是什么? obsidian_orange 是一款基于 minimal theme 定制的主题。 ✨ obsidian_orange 实现了什么功能? 多样式“提示块” 图片并列显示 高亮块 & 文本多颜色高亮 徽章(Badge):在标题或文本的右上角添加状态信息

echoxu 84 Jan 6, 2023
Firefox theme that is minimalist, customizable and theme-compatible.

Oneliner Deluxe Installation 1. Download .zip Click the green 'Code' button above and then 'Download ZIP' 2. Copy files Extract contents of @programFi

null 11 Jul 21, 2022
implementing a hook to listen to system theme changes! it could be a good lib, who knows? 😏

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

José Tone 4 Jan 15, 2022
The CSS design system that powers GitHub

Primer CSS The CSS implementation of GitHub's Primer Design System Migrating ?? If you currently use the primer or primer--prefixed npm packages, plea

Primer 11.6k Jan 3, 2023
Salesforce Lightning Design System

Salesforce Lightning Design System Welcome to the source code repository for Salesforce Lightning Design System, brought to you by Salesforce UX. SLDS

Salesforce UX 3.4k Dec 29, 2022
:mountain_bicyclist: Landing Pages of Ant Design System

Ant Design Landing Landing Pages of Ant Design System English | 简体中文 What is Landing? Landing is a template built by Ant Motion's motion components. I

Ant Design Team 5.2k Dec 31, 2022
Jekyll Bootstrap theme

Landing Page Jekyll theme Jekyll theme based on landing-page bootstrap theme How to use Place a image in /img/services/ Create posts to display your s

Shane Weng 412 Dec 3, 2022
A web app landing page theme created by Start Bootstrap

Start Bootstrap - New Age New Age is a web app landing page theme for Bootstrap created by Start Bootstrap. Preview View Live Preview Status Download

Start Bootstrap 996 Dec 26, 2022
A modern static resume template and theme. Powered by Jekyll and GitHub pages.

modern-resume-theme A modern simple static resume template and theme. Powered by Jekyll and GitHub pages. Host your own resume on GitHub for free! Vie

James Grant 1.5k Dec 31, 2022
A clean, elegant and advanced blog theme for Hugo.

DoIt Theme | Hugo English README | 简体中文说明 DoIt is a clean, elegant and advanced blog theme for Hugo. It is based on the LoveIt Theme, LeaveIt Theme an

PCloud 398 Jan 8, 2023