feat(theme): apply meliva.ai color tokens and update governance

Author: vandre-sales

CHANGELOG.md

@@ -5,6 +5,13 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.2.0] - 2024-07-31
+
+### Changed
+
+-   **Theme Implementation:** Applied the official Meliva.ai color tokens to both the light (`light.css`) and dark (`dark.css`) themes. This is the first major step in visually aligning the design system with the brand identity defined in `design/tokens.md`.
+-   **Governance:** Updated the `CONTRIBUTING.md` file to direct contributors to the project's `blueprint.md`, ensuring all contributions follow our established protocols.
+
 ## [0.1.1] - 2024-07-30
 
 ### Chore

CONTRIBUTING.md

@@ -1,5 +1,5 @@
-# Contributing to Shoelace
+# Contributing to the Meliva.ai Design System
 
-Before contributing, please review the contributions guidelines at:
+This project is governed by the principles and protocols defined in our `blueprint.md` document. Before contributing, please review this document to understand our workflow, coding standards, and collaboration model.
 
-[shoelace.style/resources/contributing](https://shoelace.style/resources/contributing)
+[Review the Project Blueprint](blueprint.md)

src/themes/dark.css

@@ -246,56 +246,56 @@
    */
 
   /* Primary */
-  --sl-color-primary-50: var(--sl-color-sky-50);
-  --sl-color-primary-100: var(--sl-color-sky-100);
-  --sl-color-primary-200: var(--sl-color-sky-200);
-  --sl-color-primary-300: var(--sl-color-sky-300);
-  --sl-color-primary-400: var(--sl-color-sky-400);
-  --sl-color-primary-500: var(--sl-color-sky-500);
-  --sl-color-primary-600: var(--sl-color-sky-600);
-  --sl-color-primary-700: var(--sl-color-sky-700);
-  --sl-color-primary-800: var(--sl-color-sky-800);
-  --sl-color-primary-900: var(--sl-color-sky-900);
-  --sl-color-primary-950: var(--sl-color-sky-950);
+  --sl-color-primary-50: rgb(20 41 56);
+  --sl-color-primary-100: rgb(32 66 91);
+  --sl-color-primary-200: rgb(45 93 128);
+  --sl-color-primary-300: rgb(54 113 155);
+  --sl-color-primary-400: rgb(66 138 189);
+  --sl-color-primary-500: rgb(94 167 218);
+  --sl-color-primary-600: rgb(141 192 229);
+  --sl-color-primary-700: rgb(175 211 237);
+  --sl-color-primary-800: rgb(201 225 243);
+  --sl-color-primary-900: rgb(225 238 248);
+  --sl-color-primary-950: rgb(246 250 253);
 
   /* Success */
-  --sl-color-success-50: var(--sl-color-green-50);
-  --sl-color-success-100: var(--sl-color-green-100);
-  --sl-color-success-200: var(--sl-color-green-200);
-  --sl-color-success-300: var(--sl-color-green-300);
-  --sl-color-success-400: var(--sl-color-green-400);
-  --sl-color-success-500: var(--sl-color-green-500);
-  --sl-color-success-600: var(--sl-color-green-600);
-  --sl-color-success-700: var(--sl-color-green-700);
-  --sl-color-success-800: var(--sl-color-green-800);
-  --sl-color-success-900: var(--sl-color-green-900);
-  --sl-color-success-950: var(--sl-color-green-950);
+  --sl-color-success-50: rgb(12 45 15);
+  --sl-color-success-100: rgb(19 73 25);
+  --sl-color-success-200: rgb(27 103 35);
+  --sl-color-success-300: rgb(32 124 42);
+  --sl-color-success-400: rgb(39 152 51);
+  --sl-color-success-500: rgb(58 182 71);
+  --sl-color-success-600: rgb(119 205 128);
+  --sl-color-success-700: rgb(162 221 168);
+  --sl-color-success-800: rgb(193 232 197);
+  --sl-color-success-900: rgb(220 242 222);
+  --sl-color-success-950: rgb(244 251 245);
 
   /* Warning */
-  --sl-color-warning-50: var(--sl-color-amber-50);
-  --sl-color-warning-100: var(--sl-color-amber-100);
-  --sl-color-warning-200: var(--sl-color-amber-200);
-  --sl-color-warning-300: var(--sl-color-amber-300);
-  --sl-color-warning-400: var(--sl-color-amber-400);
-  --sl-color-warning-500: var(--sl-color-amber-500);
-  --sl-color-warning-600: var(--sl-color-amber-600);
-  --sl-color-warning-700: var(--sl-color-amber-700);
-  --sl-color-warning-800: var(--sl-color-amber-800);
-  --sl-color-warning-900: var(--sl-color-amber-900);
-  --sl-color-warning-950: var(--sl-color-amber-950);
+  --sl-color-warning-50: rgb(51 36 14);
+  --sl-color-warning-100: rgb(83 59 24);
+  --sl-color-warning-200: rgb(117 82 33);
+  --sl-color-warning-300: rgb(142 100 40);
+  --sl-color-warning-400: rgb(173 122 49);
+  --sl-color-warning-500: rgb(209 148 59);
+  --sl-color-warning-600: rgb(244 172 69);
+  --sl-color-warning-700: rgb(247 198 128);
+  --sl-color-warning-800: rgb(250 217 170);
+  --sl-color-warning-900: rgb(252 234 208);
+  --sl-color-warning-950: rgb(254 249 241);
 
   /* Danger */
-  --sl-color-danger-50: var(--sl-color-red-50);
-  --sl-color-danger-100: var(--sl-color-red-100);
-  --sl-color-danger-200: var(--sl-color-red-200);
-  --sl-color-danger-300: var(--sl-color-red-300);
-  --sl-color-danger-400: var(--sl-color-red-400);
-  --sl-color-danger-500: var(--sl-color-red-500);
-  --sl-color-danger-600: var(--sl-color-red-600);
-  --sl-color-danger-700: var(--sl-color-red-700);
-  --sl-color-danger-800: var(--sl-color-red-800);
-  --sl-color-danger-900: var(--sl-color-red-900);
-  --sl-color-danger-950: var(--sl-color-red-950);
+  --sl-color-danger-50: rgb(68 25 25);
+  --sl-color-danger-100: rgb(110 41 41);
+  --sl-color-danger-200: rgb(153 57 57);
+  --sl-color-danger-300: rgb(185 69 69);
+  --sl-color-danger-400: rgb(226 84 84);
+  --sl-color-danger-500: rgb(240 126 126);
+  --sl-color-danger-600: rgb(244 165 165);
+  --sl-color-danger-700: rgb(248 193 193);
+  --sl-color-danger-800: rgb(250 213 213);
+  --sl-color-danger-900: rgb(252 232 232);
+  --sl-color-danger-950: rgb(254 248 248);
 
   /* Neutral */
   --sl-color-neutral-50: var(--sl-color-gray-50);

src/themes/light.css

@@ -246,56 +246,56 @@
    */
 
   /* Primary */
-  --sl-color-primary-50: #eaf3fa;
-  --sl-color-primary-100: #d0e5f5;
-  --sl-color-primary-200: #b1d6ef;
-  --sl-color-primary-300: #8dc6e8;
-  --sl-color-primary-400: #6ab6e1;
-  --sl-color-primary-500: #4b9cd6; /* Sua cor primária */
-  --sl-color-primary-600: #4b9cd6; /* Sua cor primária */
-  --sl-color-primary-700: #3a7caf;
-  --sl-color-primary-800: #2d6088;
-  --sl-color-primary-900: #1e415c;
-  --sl-color-primary-950: #1a384f;
+  --sl-color-primary-50: rgb(246 250 253);
+  --sl-color-primary-100: rgb(225 238 248);
+  --sl-color-primary-200: rgb(201 225 243);
+  --sl-color-primary-300: rgb(175 211 237);
+  --sl-color-primary-400: rgb(141 192 229);
+  --sl-color-primary-500: rgb(94 167 218);
+  --sl-color-primary-600: rgb(66 138 189);
+  --sl-color-primary-700: rgb(54 113 155);
+  --sl-color-primary-800: rgb(45 93 128);
+  --sl-color-primary-900: rgb(32 66 91);
+  --sl-color-primary-950: rgb(20 41 56);
 
   /* Success */
-  --sl-color-success-50: #eaf7eb;
-  --sl-color-success-100: #ccebd0;
-  --sl-color-success-200: #a9dfb3;
-  --sl-color-success-300: #81d391;
-  --sl-color-success-400: #54c76b;
-  --sl-color-success-500: #2eb23c;
-  --sl-color-success-600: #2eb23c;
-  --sl-color-success-700: #258e30;
-  --sl-color-success-800: #1c6b24;
-  --sl-color-success-900: #134718;
-  --sl-color-success-950: #0e3512;
+  --sl-color-success-50: rgb(244 251 245);
+  --sl-color-success-100: rgb(220 242 222);
+  --sl-color-success-200: rgb(193 232 197);
+  --sl-color-success-300: rgb(162 221 168);
+  --sl-color-success-400: rgb(119 205 128);
+  --sl-color-success-500: rgb(58 182 71);
+  --sl-color-success-600: rgb(39 152 51);
+  --sl-color-success-700: rgb(32 124 42);
+  --sl-color-success-800: rgb(27 103 35);
+  --sl-color-success-900: rgb(19 73 25);
+  --sl-color-success-950: rgb(12 45 15);
 
   /* Warning */
-  --sl-color-warning-50: #fef8f0;
-  --sl-color-warning-100: #fdf0e0;
-  --sl-color-warning-200: #fbe6cc;
-  --sl-color-warning-300: #f9d8b1;
-  --sl-color-warning-400: #f7c992;
-  --sl-color-warning-500: #f4ac45;
-  --sl-color-warning-600: #f4ac45;
-  --sl-color-warning-700: #c38a37;
-  --sl-color-warning-800: #936729;
-  --sl-color-warning-900: #62451c;
-  --sl-color-warning-950: #4a3415;
+  --sl-color-warning-50: rgb(254 249 241);
+  --sl-color-warning-100: rgb(252 234 208);
+  --sl-color-warning-200: rgb(250 217 170);
+  --sl-color-warning-300: rgb(247 198 128);
+  --sl-color-warning-400: rgb(244 172 69);
+  --sl-color-warning-500: rgb(209 148 59);
+  --sl-color-warning-600: rgb(173 122 49);
+  --sl-color-warning-700: rgb(142 100 40);
+  --sl-color-warning-800: rgb(117 82 33);
+  --sl-color-warning-900: rgb(83 59 24);
+  --sl-color-warning-950: rgb(51 36 14);
 
   /* Danger */
-  --sl-color-danger-50: #fdeeee;
-  --sl-color-danger-100: #fad5d5;
-  --sl-color-danger-200: #f6b8b8;
-  --sl-color-danger-300: #f29797;
-  --sl-color-danger-400: #ef7474;
-  --sl-color-danger-500: #eb5757;
-  --sl-color-danger-600: #eb5757;
-  --sl-color-danger-700: #bc4646;
-  --sl-color-danger-800: #8d3434;
-  --sl-color-danger-900: #5e2323;
-  --sl-color-danger-950: #471a1a;
+  --sl-color-danger-50: rgb(254 248 248);
+  --sl-color-danger-100: rgb(252 232 232);
+  --sl-color-danger-200: rgb(250 213 213);
+  --sl-color-danger-300: rgb(248 193 193);
+  --sl-color-danger-400: rgb(244 165 165);
+  --sl-color-danger-500: rgb(240 126 126);
+  --sl-color-danger-600: rgb(226 84 84);
+  --sl-color-danger-700: rgb(185 69 69);
+  --sl-color-danger-800: rgb(153 57 57);
+  --sl-color-danger-900: rgb(110 41 41);
+  --sl-color-danger-950: rgb(68 25 25);
 
   /* Neutral */
   --sl-color-neutral-50: var(--sl-color-gray-50);