import {PoweroffOutlined} from "@ant-design/icons"; import {ComponentMeta, ComponentStory} from "@storybook/react"; import {Badge, Col, Row, Space} from "antd"; import React from "react"; import {Button} from "../Starship"; import "../Styles/index.scss"; import "../Styles/color-stories.scss"; // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export export default { title: "Example/Colours", component: Badge, argTypes: {}, // More on argTypes: https://storybook.js.org/docs/react/api/argtypes } as ComponentMeta; // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args const Template: ComponentStory = args => ( <> {/* primary button only text */}

Colours

Light

var: --base-0 #FAFAFA

var: --base-100 #F6F6F6

var: --base-200 #F2F2F2

var: --base-300 #E7E7E7

var: --base-400 #CECFD1

var: --base-500 #A2A7B0

var: --base-600 #7F848E

var: --base-700 #5D616C;

var: --base-800 #555862

var: --base-900 #4C4E58

var: --base-1000 #3B3C44

var: --base-1100 #272B30

var: --base-1200 #212327

var: --base-1300 #181A1E

var: --base-1400 #16181B

var: --base-1500 #131518

var: --btn-dark-color #272b30

Dark

var: --base-0 #131518

var: --base-100 #16181B

var: --base-200 #181A1E

var: --base-300 #212327

var: --base-400 #272B30

var: --base-500 #3B3C44

var: --base-600 #4C4E58

var: --base-700 #555862

var: --base-800 #5D616C

var: --base-900 #7F848E

var: --base-1000 #A2A7B0

var: --base-1100 #CECFD1

var: --base-1200 #E7E7E7

var: --base-1300 #F2F2F2

var: --base-1400 #F6F6F6

var: --base-1500 #FAFAFA

var: --btn-dark-color #cecfd1

Shared

var: --primary-100 #F7B809

var: --primary-200 #D09900

var: --primary-300 #d09900

var: --successive-100 #6BC592

var: --successive-200 #54A577

var: --destructive-100 #EB5A5A

var: --destructive-200 #BD3F4D

var: --links #267CF4

var: --neutral-100 #E7E7E7

var: --neutral-200 #181a1e

{/* primary button only text */} ); export const StarshipColours = Template.bind({}); // More on args: https://storybook.js.org/docs/react/writing-stories/args