diff --git a/css/main.css b/css/main.css deleted file mode 100644 index e69de29..0000000 diff --git a/src/css/main.css b/src/css/main.css deleted file mode 100644 index 76bc4ec..0000000 --- a/src/css/main.css +++ /dev/null @@ -1,3 +0,0 @@ - - -/*# sourceMappingURL=main.css.map */ diff --git a/src/eucapy.css b/src/eucapy.css new file mode 100644 index 0000000..03b2575 --- /dev/null +++ b/src/eucapy.css @@ -0,0 +1,94 @@ +/* Copyright (c) 2024 - Presente +This source code is licensed under the MIT license found in the license file. + +more details: + * 1. https://www.w3.org/TR/css-variables + * 2. https://www.w3.org/TR/selectors/#root-pseudo + * 3. https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables + + +Palette: EucaPy +Description: A color palette comfortable to your eyes. +Author: José Guilherme +Inspired by minimalistic and eye-friendly design. + +All colors are grouped by their respective hues and provide a comfortable +balance for design elements in both light and dark themes. +Each group includes shades with descriptive names for easy use. + +@version 1.0.0 +@since 2025-01-03 +*/ + +:root { + /* === Blue Shades === */ + --true-blue: #0a66c2; /* A bold and versatile blue for primary highlights. */ + --deep-sky-blue: #0a5bb2; /* A slightly deeper blue for calmer accents. */ + --royal-blue: #0a4fa2; /* A royal shade for elegant designs. */ + --dark-azure: #0a4492; /* A darker azure, ideal for subdued elements. */ + --midnight-blue: #0a3982; /* A midnight blue for deep contrasts. */ + + /* === Red Shades === */ + --crimson-red: #c20a0a; /* Intense red for strong warnings or errors. */ + --deep-red: #b20a0a; /* Deep red for impactful highlights. */ + --dark-red: #a20a0a; /* Subtle and muted for less aggressive accents. */ + --burgundy: #920a0a; /* Rich and elegant tone for premium designs. */ + --maroon: #820a0a; /* Dark, earthy red for grounding visuals. */ + + /* === Green Shades === */ + --emerald-green: #0ac20a; /* Vibrant green for success states. */ + --forest-green: #0ab20a; /* Deep green for nature-inspired designs. */ + --dark-green: #0aa20a; /* Subdued green for neutral accents. */ + --pine-green: #0a920a; /* Calming green for subtle backgrounds. */ + --olive-green: #0a820a; /* Earthy green for muted themes. */ + + /* === Yellow Shades === */ + --golden-yellow: #c2c20a; /* Bright and vibrant yellow for primary warnings. */ + --mustard-yellow: #b2b20a; /* A rich, muted yellow for softer highlights. */ + --dark-yellow: #a2a20a; /* Subtle yellow for minimalistic designs. */ + --olive-yellow: #92920a; /* Earthy and natural for balanced visuals. */ + --earth-yellow: #82820a; /* Soft yellow for neutral elements. */ + + /* === Purple Shades === */ + --royal-purple: #6a0ac2; /* Majestic purple for standout elements. */ + --deep-purple: #5a0ab2; /* Rich purple for premium accents. */ + --dark-purple: #4a0aa2; /* Muted purple for subtle backgrounds. */ + --midnight-purple: #3a0a92; /* Deep and dark for elegant contrasts. */ + --plum: #2a0a82; /* Soft purple with warm undertones. */ + + /* === Orange Shades === */ + --burnt-orange: #c26a0a; /* Vibrant orange for highlights. */ + --deep-orange: #b25a0a; /* Rich orange for dynamic visuals. */ + --dark-orange: #a24a0a; /* Muted orange for subdued designs. */ + --rust: #924a0a; /* Earthy orange for natural tones. */ + --copper: #824a0a; /* Metallic orange for premium accents. */ + + /* === Pink Shades === */ + --fuchsia: #c20a6a; /* Bright and bold for dynamic visuals. */ + --deep-pink: #b20a5a; /* Rich pink for romantic highlights. */ + --dark-pink: #a20a4a; /* Subtle pink for delicate accents. */ + --rosewood: #920a3a; /* Warm pink with earthy undertones. */ + --burgundy-pink: #820a2a; /* Elegant and muted for sophisticated themes. */ + + /* === Brown Shades === */ + --saddle-brown: #8b4513; /* Rich brown for natural accents. */ + --sienna: #a0522d; /* Warm brown for rustic designs. */ + --chocolate: #d2691e; /* Sweet and rich for inviting visuals. */ + --peru: #cd853f; /* Neutral brown for soft backgrounds. */ + --burlywood: #deb887; /* Light and muted brown for elegant themes. */ + + /* === White Shades === */ + --pure-white: #ffffff; /* Bright white for clean designs. */ + --matte-white: #f0f0f0; /* Soft white for subtle contrasts. */ + --gray-white: #e0e0e0; /* Neutral white with a grayish tint. */ + --soft-white: #d0d0d0; /* Gentle white for minimalistic themes. */ + --snow-white: #c0c0c0; /* Cool white for frosty aesthetics. */ + + /* === Black Shades === */ + --pure-black: #000000; /* Absolute black for strong contrasts. */ + --matte-black: #101010; /* Soft black for less harsh elements. */ + --gray-black: #202020; /* Neutral black with a grayish tone. */ + --soft-black: #303030; /* Muted black for elegant designs. */ + --charcoal-black: #404040; /* Dark gray-black for subtle contrasts. */ + } + \ No newline at end of file diff --git a/src/scss/_variables_eucapy.scss b/src/eucapy.scss similarity index 98% rename from src/scss/_variables_eucapy.scss rename to src/eucapy.scss index da0db1c..784759b 100644 --- a/src/scss/_variables_eucapy.scss +++ b/src/eucapy.scss @@ -2,8 +2,8 @@ // This source code is licensed under the MIT license found in the license file. // more details: -// 1. https://sass-lang.com -// 2. http://sassdoc.com +// * 1. https://sass-lang.com +// * 2. http://sassdoc.com //// /// Palette: EucaPy diff --git a/src/scss/eucapy.scss b/src/scss/eucapy.scss deleted file mode 100644 index e69de29..0000000