-
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
1ad0723
commit 97bbd0a
Showing
120 changed files
with
4,870 additions
and
965 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,63 +1,42 @@ | ||
| Here's a cleaned-up version of your README: | ||
|
|
||
| --- | ||
|
|
||
| # Colors | ||
|
|
||
| <br/> | ||
| <img src="https://github.com/Devlander-Software/utils/raw/main/media/images/colors-devlander-github-header-photo.png" alt="Devlander Colors Npm Package"> | ||
| <img src="https://github.com/Devlander-Software/utils/raw/main/media/images/colors-devlander-github-header-photo.png" alt="Devlander Colors Npm Package" /> | ||
|
|
||
| ## Badges | ||
|
|
||
| <br/> | ||
| [](https://bit.ly/devlander-discord-invite) | ||
| [](https://www.npmjs.com/package/@devlander/colors) | ||
| [](https://github.com/orgs/Devlander-Software/discussions) | ||
| [](https://bit.ly/devlander-twitch) | ||
| [](https://bit.ly/landonwjohnson-on-twitter) | ||
| [](https://wakatime.com/badge/user/bd50b6c5-e0ca-4937-83b3-ab2d13adbc73/project/02037e5a-4e97-4cd5-872c-df41ad2d6b67) | ||
|
|
||
| ## Overview | ||
|
|
||
| <br/> | ||
| The Devlander Colors package provides a collection of color utilities for JavaScript, including color pickers, color schemes, and palette generation. It's used across various projects to manage and utilize color schemes effectively. | ||
|
|
||
|
|
||
| <br/> | ||
|
|
||
| <a href="https://bit.ly/devlander-discord-invite"> | ||
| <img src="https://img.shields.io/badge/Discord-Devlander-%235865F2" alt="Join Devlander on Discord"> | ||
| </a> | ||
|
|
||
| <br/> | ||
|
|
||
| <a href="https://www.npmjs.com/package/@devlander/colors"> | ||
| <img src="https://img.shields.io/npm/dm/@devlander/colors.svg" alt="npm downloads"> | ||
| </a> | ||
| <br/> | ||
|
|
||
| <a href="https://github.com/orgs/Devlander-Software/discussions"> | ||
| <img src="https://img.shields.io/badge/Github%20Discussions%20%26%20Support-Chat%20now!-blue" alt="Join the discussion on Github"> | ||
| </a> | ||
| <br/> | ||
|
|
||
| <a href="https://bit.ly/devlander-twitch"> | ||
| <img src="https://img.shields.io/twitch/status/devlander" alt="Join Devlander on Twitch"> | ||
| </a> | ||
| <br/> | ||
|
|
||
| <a href="https://bit.ly/landonwjohnson-on-twitter"> | ||
| <img src="https://img.shields.io/twitter/follow/landonwjohnson.svg?style=social&label=Follow" alt="Follow Landon Johnson On Twitter"> | ||
| </a> | ||
| <br/> | ||
|
|
||
|
|
||
| [](https://wakatime.com/badge/user/bd50b6c5-e0ca-4937-83b3-ab2d13adbc73/project/02037e5a-4e97-4cd5-872c-df41ad2d6b67) | ||
| <br/> | ||
|
|
||
|
|
||
| <br/> | ||
|
|
||
| In house colors package used across project | ||
| ## Get Involved | ||
|
|
||
| - **Discord:** Join the Devlander community [here](https://bit.ly/devlander-discord-invite). | ||
| - **npm downloads:** Get our package [@devlander/colors](https://www.npmjs.com/package/@devlander/colors). | ||
| - **GitHub Discussions:** Engage in discussions and get support [here](https://github.com/orgs/Devlander-Software/discussions). | ||
| - **Twitch:** Catch our live coding sessions [here](https://bit.ly/devlander-twitch). | ||
| - **npm:** Download the package [@devlander/colors](https://www.npmjs.com/package/@devlander/colors). | ||
| - **GitHub Discussions:** Engage with the community and get support [here](https://github.com/orgs/Devlander-Software/discussions). | ||
| - **Twitch:** Watch live coding sessions [here](https://bit.ly/devlander-twitch). | ||
| - **Twitter:** Follow Landon Johnson [@landonwjohnson](https://bit.ly/landonwjohnson-on-twitter). | ||
| - **Wakatime stats:** Track our progress [here](https://bit.ly/landonwjohnson-on-twitter). | ||
| - **Wakatime:** Track our development progress [here](https://wakatime.com/badge/user/bd50b6c5-e0ca-4937-83b3-ab2d13adbc73/project/02037e5a-4e97-4cd5-872c-df41ad2d6b67). | ||
|
|
||
| ## Future Goals | ||
|
|
||
| - Develop functions to generate themes based on colors and parameters. | ||
| - Implement a function to find complementary colors. | ||
| - Create a utility to extract colors from images. | ||
|
|
||
| ## Engage and Contribute | ||
| ### [Become a Sponsor!](https://bit.ly/sponsor-landonjohnson-github/) | ||
|
|
||
| We welcome contributions, feedback, and suggestions! Join our discussions on GitHub, or connect with us on Discord and Twitter. Your input helps us improve the Devlander Colors Package for the developer community. | ||
| --- | ||
|
|
||
| ### [Become a Sponsor!](https://bit.ly/sponsor-landonjohnson-github/) | ||
| Feel free to adjust any sections or add additional information as needed! |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| TypeDoc added this file to prevent GitHub Pages from using Jekyll. You can turn off this behavior by setting the `githubPages` option to false. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,92 @@ | ||
| :root { | ||
| --light-hl-0: #001080; | ||
| --dark-hl-0: #9CDCFE; | ||
| --light-hl-1: #000000; | ||
| --dark-hl-1: #D4D4D4; | ||
| --light-hl-2: #795E26; | ||
| --dark-hl-2: #DCDCAA; | ||
| --light-hl-3: #A31515; | ||
| --dark-hl-3: #CE9178; | ||
| --light-hl-4: #008000; | ||
| --dark-hl-4: #6A9955; | ||
| --light-hl-5: #0000FF; | ||
| --dark-hl-5: #569CD6; | ||
| --light-hl-6: #098658; | ||
| --dark-hl-6: #B5CEA8; | ||
| --light-hl-7: #0070C1; | ||
| --dark-hl-7: #4FC1FF; | ||
| --light-hl-8: #AF00DB; | ||
| --dark-hl-8: #C586C0; | ||
| --light-hl-9: #267F99; | ||
| --dark-hl-9: #4EC9B0; | ||
| --light-code-background: #FFFFFF; | ||
| --dark-code-background: #1E1E1E; | ||
| } | ||
|
|
||
| @media (prefers-color-scheme: light) { :root { | ||
| --hl-0: var(--light-hl-0); | ||
| --hl-1: var(--light-hl-1); | ||
| --hl-2: var(--light-hl-2); | ||
| --hl-3: var(--light-hl-3); | ||
| --hl-4: var(--light-hl-4); | ||
| --hl-5: var(--light-hl-5); | ||
| --hl-6: var(--light-hl-6); | ||
| --hl-7: var(--light-hl-7); | ||
| --hl-8: var(--light-hl-8); | ||
| --hl-9: var(--light-hl-9); | ||
| --code-background: var(--light-code-background); | ||
| } } | ||
|
|
||
| @media (prefers-color-scheme: dark) { :root { | ||
| --hl-0: var(--dark-hl-0); | ||
| --hl-1: var(--dark-hl-1); | ||
| --hl-2: var(--dark-hl-2); | ||
| --hl-3: var(--dark-hl-3); | ||
| --hl-4: var(--dark-hl-4); | ||
| --hl-5: var(--dark-hl-5); | ||
| --hl-6: var(--dark-hl-6); | ||
| --hl-7: var(--dark-hl-7); | ||
| --hl-8: var(--dark-hl-8); | ||
| --hl-9: var(--dark-hl-9); | ||
| --code-background: var(--dark-code-background); | ||
| } } | ||
|
|
||
| :root[data-theme='light'] { | ||
| --hl-0: var(--light-hl-0); | ||
| --hl-1: var(--light-hl-1); | ||
| --hl-2: var(--light-hl-2); | ||
| --hl-3: var(--light-hl-3); | ||
| --hl-4: var(--light-hl-4); | ||
| --hl-5: var(--light-hl-5); | ||
| --hl-6: var(--light-hl-6); | ||
| --hl-7: var(--light-hl-7); | ||
| --hl-8: var(--light-hl-8); | ||
| --hl-9: var(--light-hl-9); | ||
| --code-background: var(--light-code-background); | ||
| } | ||
|
|
||
| :root[data-theme='dark'] { | ||
| --hl-0: var(--dark-hl-0); | ||
| --hl-1: var(--dark-hl-1); | ||
| --hl-2: var(--dark-hl-2); | ||
| --hl-3: var(--dark-hl-3); | ||
| --hl-4: var(--dark-hl-4); | ||
| --hl-5: var(--dark-hl-5); | ||
| --hl-6: var(--dark-hl-6); | ||
| --hl-7: var(--dark-hl-7); | ||
| --hl-8: var(--dark-hl-8); | ||
| --hl-9: var(--dark-hl-9); | ||
| --code-background: var(--dark-code-background); | ||
| } | ||
|
|
||
| .hl-0 { color: var(--hl-0); } | ||
| .hl-1 { color: var(--hl-1); } | ||
| .hl-2 { color: var(--hl-2); } | ||
| .hl-3 { color: var(--hl-3); } | ||
| .hl-4 { color: var(--hl-4); } | ||
| .hl-5 { color: var(--hl-5); } | ||
| .hl-6 { color: var(--hl-6); } | ||
| .hl-7 { color: var(--hl-7); } | ||
| .hl-8 { color: var(--hl-8); } | ||
| .hl-9 { color: var(--hl-9); } | ||
| pre, code { background: var(--code-background); } |
Oops, something went wrong.