├── .firebaserc ├── .github └── workflows │ ├── firebase-hosting-merge.yml │ └── firebase-hosting-pull-request.yml ├── .gitignore ├── .prettierrc.json ├── LICENSE ├── README.md ├── eslint.config.js ├── firebase.json ├── github ├── demo_small.gif ├── formula.png └── ko-fi.png ├── index.html ├── package.json ├── public ├── apple-touch-icon.png ├── browserconfig.xml ├── favicon-16x16.png ├── favicon-32x32.png ├── favicon.ico ├── icons │ ├── android-chrome-192x192.png │ ├── android-chrome-512x512.png │ ├── mstile-150x150.png │ └── safari-pinned-tab.svg ├── index.html ├── manifest.json └── robots.txt ├── src ├── components │ ├── app │ │ ├── app.scss │ │ ├── app.tsx │ │ └── index.ts │ ├── body-content │ │ ├── body-content.scss │ │ ├── body-content.tsx │ │ └── index.ts │ ├── color-input │ │ ├── color-input.tsx │ │ └── index.ts │ ├── color-square │ │ ├── color-square.scss │ │ ├── color-square.tsx │ │ └── index.ts │ ├── hamburger-button │ │ ├── hamburger-button.scss │ │ ├── hamburger-button.tsx │ │ └── index.ts │ ├── header │ │ ├── header-button.tsx │ │ ├── header-icon.tsx │ │ ├── header.scss │ │ ├── header.tsx │ │ └── index.ts │ ├── kofi-button │ │ ├── index.ts │ │ └── kofi-button.tsx │ ├── plus-button │ │ ├── index.ts │ │ ├── plus-button.scss │ │ └── plus-button.tsx │ └── sidebar │ │ ├── color-history.tsx │ │ ├── color-name-menu.tsx │ │ ├── help-menu.tsx │ │ ├── index.ts │ │ ├── main-menu-item.tsx │ │ ├── menu-item.tsx │ │ ├── sidebar-footer.tsx │ │ ├── sidebar.scss │ │ ├── sidebar.tsx │ │ └── sub-menu.tsx ├── contexts │ ├── history-context.tsx │ ├── input-context.tsx │ ├── sidebar-context.tsx │ └── split-view-context.tsx ├── fonts.ts ├── hooks │ └── use-online.ts ├── images │ └── clear-input.svg ├── index.css ├── main.tsx ├── styles │ ├── _colors.scss │ └── _general.scss ├── types │ ├── app.ts │ └── color-name-list.d.ts ├── utils │ ├── color.ts │ └── url.ts └── vite-env.d.ts ├── tsconfig.app.json ├── tsconfig.json ├── tsconfig.node.json └── vite.config.ts /.firebaserc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/.firebaserc -------------------------------------------------------------------------------- /.github/workflows/firebase-hosting-merge.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/.github/workflows/firebase-hosting-merge.yml -------------------------------------------------------------------------------- /.github/workflows/firebase-hosting-pull-request.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/.github/workflows/firebase-hosting-pull-request.yml -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/.gitignore -------------------------------------------------------------------------------- /.prettierrc.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/.prettierrc.json -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/README.md -------------------------------------------------------------------------------- /eslint.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/eslint.config.js -------------------------------------------------------------------------------- /firebase.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/firebase.json -------------------------------------------------------------------------------- /github/demo_small.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/github/demo_small.gif -------------------------------------------------------------------------------- /github/formula.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/github/formula.png -------------------------------------------------------------------------------- /github/ko-fi.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/github/ko-fi.png -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/index.html -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/package.json -------------------------------------------------------------------------------- /public/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/public/apple-touch-icon.png -------------------------------------------------------------------------------- /public/browserconfig.xml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/public/browserconfig.xml -------------------------------------------------------------------------------- /public/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/public/favicon-16x16.png -------------------------------------------------------------------------------- /public/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/public/favicon-32x32.png -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /public/icons/android-chrome-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/public/icons/android-chrome-192x192.png -------------------------------------------------------------------------------- /public/icons/android-chrome-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/public/icons/android-chrome-512x512.png -------------------------------------------------------------------------------- /public/icons/mstile-150x150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/public/icons/mstile-150x150.png -------------------------------------------------------------------------------- /public/icons/safari-pinned-tab.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/public/icons/safari-pinned-tab.svg -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/public/index.html -------------------------------------------------------------------------------- /public/manifest.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/public/manifest.json -------------------------------------------------------------------------------- /public/robots.txt: -------------------------------------------------------------------------------- 1 | User-agent: * 2 | Disallow: -------------------------------------------------------------------------------- /src/components/app/app.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/components/app/app.scss -------------------------------------------------------------------------------- /src/components/app/app.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/components/app/app.tsx -------------------------------------------------------------------------------- /src/components/app/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './app'; 2 | -------------------------------------------------------------------------------- /src/components/body-content/body-content.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/components/body-content/body-content.scss -------------------------------------------------------------------------------- /src/components/body-content/body-content.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/components/body-content/body-content.tsx -------------------------------------------------------------------------------- /src/components/body-content/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './body-content'; 2 | -------------------------------------------------------------------------------- /src/components/color-input/color-input.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/components/color-input/color-input.tsx -------------------------------------------------------------------------------- /src/components/color-input/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './color-input'; 2 | -------------------------------------------------------------------------------- /src/components/color-square/color-square.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/components/color-square/color-square.scss -------------------------------------------------------------------------------- /src/components/color-square/color-square.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/components/color-square/color-square.tsx -------------------------------------------------------------------------------- /src/components/color-square/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './color-square'; 2 | -------------------------------------------------------------------------------- /src/components/hamburger-button/hamburger-button.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/components/hamburger-button/hamburger-button.scss -------------------------------------------------------------------------------- /src/components/hamburger-button/hamburger-button.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/components/hamburger-button/hamburger-button.tsx -------------------------------------------------------------------------------- /src/components/hamburger-button/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './hamburger-button'; 2 | -------------------------------------------------------------------------------- /src/components/header/header-button.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/components/header/header-button.tsx -------------------------------------------------------------------------------- /src/components/header/header-icon.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/components/header/header-icon.tsx -------------------------------------------------------------------------------- /src/components/header/header.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/components/header/header.scss -------------------------------------------------------------------------------- /src/components/header/header.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/components/header/header.tsx -------------------------------------------------------------------------------- /src/components/header/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './header'; 2 | -------------------------------------------------------------------------------- /src/components/kofi-button/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './kofi-button'; 2 | -------------------------------------------------------------------------------- /src/components/kofi-button/kofi-button.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/components/kofi-button/kofi-button.tsx -------------------------------------------------------------------------------- /src/components/plus-button/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './plus-button'; 2 | -------------------------------------------------------------------------------- /src/components/plus-button/plus-button.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/components/plus-button/plus-button.scss -------------------------------------------------------------------------------- /src/components/plus-button/plus-button.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/components/plus-button/plus-button.tsx -------------------------------------------------------------------------------- /src/components/sidebar/color-history.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/components/sidebar/color-history.tsx -------------------------------------------------------------------------------- /src/components/sidebar/color-name-menu.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/components/sidebar/color-name-menu.tsx -------------------------------------------------------------------------------- /src/components/sidebar/help-menu.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/components/sidebar/help-menu.tsx -------------------------------------------------------------------------------- /src/components/sidebar/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './sidebar'; 2 | -------------------------------------------------------------------------------- /src/components/sidebar/main-menu-item.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/components/sidebar/main-menu-item.tsx -------------------------------------------------------------------------------- /src/components/sidebar/menu-item.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/components/sidebar/menu-item.tsx -------------------------------------------------------------------------------- /src/components/sidebar/sidebar-footer.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/components/sidebar/sidebar-footer.tsx -------------------------------------------------------------------------------- /src/components/sidebar/sidebar.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/components/sidebar/sidebar.scss -------------------------------------------------------------------------------- /src/components/sidebar/sidebar.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/components/sidebar/sidebar.tsx -------------------------------------------------------------------------------- /src/components/sidebar/sub-menu.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/components/sidebar/sub-menu.tsx -------------------------------------------------------------------------------- /src/contexts/history-context.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/contexts/history-context.tsx -------------------------------------------------------------------------------- /src/contexts/input-context.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/contexts/input-context.tsx -------------------------------------------------------------------------------- /src/contexts/sidebar-context.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/contexts/sidebar-context.tsx -------------------------------------------------------------------------------- /src/contexts/split-view-context.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/contexts/split-view-context.tsx -------------------------------------------------------------------------------- /src/fonts.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/fonts.ts -------------------------------------------------------------------------------- /src/hooks/use-online.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/hooks/use-online.ts -------------------------------------------------------------------------------- /src/images/clear-input.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/images/clear-input.svg -------------------------------------------------------------------------------- /src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/index.css -------------------------------------------------------------------------------- /src/main.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/main.tsx -------------------------------------------------------------------------------- /src/styles/_colors.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/styles/_colors.scss -------------------------------------------------------------------------------- /src/styles/_general.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/styles/_general.scss -------------------------------------------------------------------------------- /src/types/app.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/types/app.ts -------------------------------------------------------------------------------- /src/types/color-name-list.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/types/color-name-list.d.ts -------------------------------------------------------------------------------- /src/utils/color.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/utils/color.ts -------------------------------------------------------------------------------- /src/utils/url.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/src/utils/url.ts -------------------------------------------------------------------------------- /src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /tsconfig.app.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/tsconfig.app.json -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/tsconfig.json -------------------------------------------------------------------------------- /tsconfig.node.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/tsconfig.node.json -------------------------------------------------------------------------------- /vite.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/csandman/shade-generator/HEAD/vite.config.ts --------------------------------------------------------------------------------