From f9efa78efcab72dea1736ddb772ea19569782596 Mon Sep 17 00:00:00 2001
From: jorge-vitrubio <jorge@vitrubio.net>
Date: Fri, 12 Jan 2024 19:13:04 +0100
Subject: [PATCH] edited default project colors

---
 README.md                             | 36 +++++++++++++++++++++++++++
 sass/abstracts/variables/_colors.scss | 10 ++++++++
 2 files changed, 46 insertions(+)

diff --git a/README.md b/README.md
index e833444..a19a654 100644
--- a/README.md
+++ b/README.md
@@ -24,6 +24,42 @@ A WordPress theme for the Xarxaprod.cat
 2. Click Upload Theme and Choose File, then select the theme's .zip file. Click Install Now.
 3. Click Activate to use your new theme right away.
 
+## Design and styles
+
+### Logo
+
+### Colors
+The colors used in the design are:
+ - black: #000000
+ - white: #ffffff
+ - salmon:  #ff866f
+ - yellow: #ffcb1f
+ - pink: #ff6bc3
+ - violet: #651aff
+ - cyan: #00d1ec
+ - green: #00f274
+ - red: #ff5a69
+
+### Fonts
+
+## Development
+
+Is is developed using the underscores base, wich is capable of interpreting sass/scss, php control and other magic.
+
+### npm
+Before being able to use npm, do `npm install` and follow screen instrucions.
+
+#### all npm actions
+to see all the implemented actions do `npm run` and will show help
+
+### Sass / Scss
+Edit the files inside `sass` directory, they are well documented.
+To compile sass, with in the theme directory do:
+ - to follow changes as you work `npm run watch` 
+ - to compile css before deploy `npm run compile:css`
+ - to compile css applied in the admin/loged in dashboard 'npm run compile:cssadmin'
+
+
 ## Frequently Asked Questions
 
 ### Does this theme support any plugins?
diff --git a/sass/abstracts/variables/_colors.scss b/sass/abstracts/variables/_colors.scss
index 98c8667..e56a70a 100644
--- a/sass/abstracts/variables/_colors.scss
+++ b/sass/abstracts/variables/_colors.scss
@@ -1,3 +1,13 @@
+$color__xxp_black: #000000
+$color__xxp_white: #ffffff
+$color__xxp_salmon:  #ff866f
+$color__xxp_yellow: #ffcb1f
+$color__xxp_pink: #ff6bc3
+$color__xxp_violet: #651aff
+$color__xxp_cyan: #00d1ec
+$color__xxp_green: #00f274
+$color__xxp_red: #ff5a69
+
 $color__white: #fff;
 $color__white-dark: #fdfdfd;
 $color__white-transparent: rgba(255,255,255,0.95);