Introduction du nouveau thème

themes/42/assets/css/variables/colors.css

@@ -0,0 +1,19 @@
+@import "colors/gray.css";
+@import "colors/blue.css";
+@import "colors/indigo.css";
+@import "colors/purple.css";
+@import "colors/pink.css";
+@import "colors/magenta.css";
+@import "colors/red.css";
+@import "colors/orange.css";
+@import "colors/amber.css";
+@import "colors/yellow.css";
+@import "colors/lime.css";
+@import "colors/green.css";
+@import "colors/teal.css";
+@import "colors/cyan.css";
+@import "colors/brown.css";
+
+:root {
+    --transparent: rgba(0, 0, 0, 0);
+}

themes/42/assets/css/variables/colors/amber.css

@@ -0,0 +1,12 @@
+:root {
+  --amber-100: #FFEFD9;
+  --amber-300: #FFD08C;
+  --amber-500: #FFA93D;
+  --amber-700: #BF6A0E;
+  /* --- */
+  --amber-200: #ff0000; /** Volontairement non définie **/
+  --amber-400: #ff0000; /** Volontairement non définie **/
+  --amber-600: #ff0000; /** Volontairement non définie **/
+  --amber-800: #ff0000; /** Volontairement non définie **/
+  --amber-900: #ff0000; /** Volontairement non définie **/
+}

themes/42/assets/css/variables/colors/blue.css

@@ -0,0 +1,12 @@
+:root {
+  --blue-100: #E4F0FF;
+  --blue-300: #98C0FF;
+  --blue-500: #467FFF;
+  --blue-700: #1C4FBF;
+  /* --- */
+  --blue-200: #ff0000; /** Volontairement non définie **/
+  --blue-400: #ff0000; /** Volontairement non définie **/
+  --blue-600: #ff0000; /** Volontairement non définie **/
+  --blue-800: #ff0000; /** Volontairement non définie **/
+  --blue-900: #ff0000; /** Volontairement non définie **/
+}

themes/42/assets/css/variables/colors/brown.css

@@ -0,0 +1,12 @@
+:root {
+  --brown-100: #F4E8DF;
+  --brown-300: #D6B599;
+  --brown-500: #A7795B;
+  --brown-700: #6B4633;
+  /* --- */
+  --brown-200: #ff0000; /** Volontairement non définie **/
+  --brown-400: #ff0000; /** Volontairement non définie **/
+  --brown-600: #ff0000; /** Volontairement non définie **/
+  --brown-800: #ff0000; /** Volontairement non définie **/
+  --brown-900: #ff0000; /** Volontairement non définie **/
+}

themes/42/assets/css/variables/colors/cyan.css

@@ -0,0 +1,12 @@
+:root {
+  --cyan-100: #E1FAFF;
+  --cyan-300: #8EE8FF;
+  --cyan-500: #2FC4FF;
+  --cyan-700: #007EAC;
+  /* --- */
+  --cyan-200: #ff0000; /** Volontairement non définie **/
+  --cyan-400: #ff0000; /** Volontairement non définie **/
+  --cyan-600: #ff0000; /** Volontairement non définie **/
+  --cyan-800: #ff0000; /** Volontairement non définie **/
+  --cyan-900: #ff0000; /** Volontairement non définie **/
+}

themes/42/assets/css/variables/colors/gray.css

@@ -0,0 +1,12 @@
+:root {
+  --gray-0: #FFFFFF;
+  --gray-100: #F5F7FA;
+  --gray-200: #E8ECF2;
+  --gray-300: #D9E0E8;
+  --gray-400: #CAD3DD;
+  --gray-500: #B0B7C4;
+  --gray-600: #969CAB;
+  --gray-700: #7C8392;
+  --gray-800: #333746;
+  --gray-900: #0F1114;
+}

themes/42/assets/css/variables/colors/green.css

@@ -0,0 +1,12 @@
+:root {
+  --green-100: #E3F9E5;
+  --green-300: #8FE4A2;
+  --green-500: #40C474;
+  --green-700: #207A47;
+  /* --- */
+  --green-200: #ff0000; /** Volontairement non définie **/
+  --green-400: #ff0000; /** Volontairement non définie **/
+  --green-600: #ff0000; /** Volontairement non définie **/
+  --green-800: #ff0000; /** Volontairement non définie **/
+  --green-900: #ff0000; /** Volontairement non définie **/
+}

themes/42/assets/css/variables/colors/indigo.css

@@ -0,0 +1,12 @@
+:root {
+  --indigo-100: #E6E9FF;
+  --indigo-300: #A9B4FF;
+  --indigo-500: #5D6CFF;
+  --indigo-700: #2A36C4;
+  /* --- */
+  --indigo-200: #ff0000; /** Volontairement non définie **/
+  --indigo-400: #ff0000; /** Volontairement non définie **/
+  --indigo-600: #ff0000; /** Volontairement non définie **/
+  --indigo-800: #ff0000; /** Volontairement non définie **/
+  --indigo-900: #ff0000; /** Volontairement non définie **/
+}

themes/42/assets/css/variables/colors/lime.css

@@ -0,0 +1,12 @@
+:root {
+  --lime-100: #F0FCD9;
+  --lime-300: #C3F58A;
+  --lime-500: #86E23B;
+  --lime-700: #519214;
+  /* --- */
+  --lime-200: #ff0000; /** Volontairement non définie **/
+  --lime-400: #ff0000; /** Volontairement non définie **/
+  --lime-600: #ff0000; /** Volontairement non définie **/
+  --lime-800: #ff0000; /** Volontairement non définie **/
+  --lime-900: #ff0000; /** Volontairement non définie **/
+}

themes/42/assets/css/variables/colors/magenta.css

@@ -0,0 +1,12 @@
+:root {
+  --magenta-100: #FFE0F1;
+  --magenta-300: #FFA4D0;
+  --magenta-500: #FF5BA6;
+  --magenta-700: #CC1F75;
+  /* --- */
+  --magenta-200: #ff0000; /** Volontairement non définie **/
+  --magenta-400: #ff0000; /** Volontairement non définie **/
+  --magenta-600: #ff0000; /** Volontairement non définie **/
+  --magenta-800: #ff0000; /** Volontairement non définie **/
+  --magenta-900: #ff0000; /** Volontairement non définie **/
+}

themes/42/assets/css/variables/colors/orange.css

@@ -0,0 +1,12 @@
+:root {
+  --orange-100: #FFE8DE;
+  --orange-300: #FFAC85;
+  --orange-500: #FF733D;
+  --orange-700: #C23C0D;
+  /* --- */
+  --orange-200: #ff0000; /** Volontairement non définie **/
+  --orange-400: #ff0000; /** Volontairement non définie **/
+  --orange-600: #ff0000; /** Volontairement non définie **/
+  --orange-800: #ff0000; /** Volontairement non définie **/
+  --orange-900: #ff0000; /** Volontairement non définie **/
+}

themes/42/assets/css/variables/colors/pink.css

@@ -0,0 +1,12 @@
+:root {
+  --pink-100: #FFE5F4;
+  --pink-300: #FF9CD3;
+  --pink-500: #FF54B0;
+  --pink-700: #C0227F;
+  /* --- */
+  --pink-200: #ff0000; /** Volontairement non définie **/
+  --pink-400: #ff0000; /** Volontairement non définie **/
+  --pink-600: #ff0000; /** Volontairement non définie **/
+  --pink-800: #ff0000; /** Volontairement non définie **/
+  --pink-900: #ff0000; /** Volontairement non définie **/
+}

themes/42/assets/css/variables/colors/purple.css

@@ -0,0 +1,12 @@
+:root {
+  --purple-100: #F3E7FF;
+  --purple-300: #D2AAF7;
+  --purple-500: #9E63E9;
+  --purple-700: #6330A9;
+  /* --- */
+  --purple-200: #ff0000; /** Volontairement non définie **/
+  --purple-400: #ff0000; /** Volontairement non définie **/
+  --purple-600: #ff0000; /** Volontairement non définie **/
+  --purple-800: #ff0000; /** Volontairement non définie **/
+  --purple-900: #ff0000; /** Volontairement non définie **/
+}

themes/42/assets/css/variables/colors/red.css

@@ -0,0 +1,12 @@
+:root {
+  --red-100: #FFE5E7;
+  --red-300: #FF939B;
+  --red-500: #FF4D5A;
+  --red-700: #C0202E;
+  /* --- */
+  --red-200: #ff0000; /** Volontairement non définie **/
+  --red-400: #ff0000; /** Volontairement non définie **/
+  --red-600: #ff0000; /** Volontairement non définie **/
+  --red-800: #ff0000; /** Volontairement non définie **/
+  --red-900: #ff0000; /** Volontairement non définie **/
+}

themes/42/assets/css/variables/colors/teal.css

@@ -0,0 +1,12 @@
+:root {
+  --teal-100: #E0FAF7;
+  --teal-300: #7EE1D4;
+  --teal-500: #32B9AB;
+  --teal-700: #197C70;
+  /* --- */
+  --teal-200: #ff0000; /** Volontairement non définie **/
+  --teal-400: #ff0000; /** Volontairement non définie **/
+  --teal-600: #ff0000; /** Volontairement non définie **/
+  --teal-800: #ff0000; /** Volontairement non définie **/
+  --teal-900: #ff0000; /** Volontairement non définie **/
+}

themes/42/assets/css/variables/colors/yellow.css

@@ -0,0 +1,16 @@
+:root {
+  --yellow-100: #FFF8D6;
+  --yellow-300: #FFE68A;
+  --yellow-500: #F9CB2F;
+  --yellow-700: #B58506;
+  --yellow-900: #713F12;
+  /* --- */
+  --yellow-200: #ff0000;
+  /** Volontairement non définie **/
+  --yellow-400: #ff0000;
+  /** Volontairement non définie **/
+  --yellow-600: #ff0000;
+  /** Volontairement non définie **/
+  --yellow-800: #ff0000;
+  /** Volontairement non définie **/
+}

themes/42/assets/css/variables/fonts.css

@@ -0,0 +1,15 @@
+:root {
+    --font-family: system-ui,
+        -apple-system,
+        BlinkMacSystemFont,
+        'Segoe UI',
+        Roboto,
+        Oxygen,
+        Ubuntu,
+        Cantarell,
+        'Open Sans',
+        'Helvetica Neue',
+        sans-serif;
+    --font-size-body: 20px;
+    --font-size-card-title: 1.5rem;
+}

themes/42/assets/css/variables/structure.css

@@ -0,0 +1,43 @@
+:root {
+    --padding: 1rem;
+    --padding-half: 0.5rem;
+    --padding-double: 2rem;
+    --padding-body: var(--padding);
+    --padding-panel: var(--padding);
+    --padding-card-content: var(--padding);
+    --padding-hero-panel: var(--padding-panel);
+    --footer-padding: var(--padding);
+    --list-padding: var(--padding-double);
+
+    --gap: 1.5rem;
+    --gap-half: 0.75rem;
+    --gap-third: 0.5rem;
+    --gap-body: var(--gap);
+    --gap-card-content: var(--gap-half);
+    --gap-hero: var(--gap-body);
+    --gap-big-logo: var(--gap-hero);
+    --gap-site-stats-list: var(--gap-hero);
+    --gap-main: var(--gap-body);
+    --gap-articles-list: var(--gap-main);
+    --gap-footer: var(--gap-main);
+    --gap-footer-nav: var(--gap-half);
+    --gap-hero-page: var(--gap-hero);
+    --gap-site-title: var(--gap-half);
+    --gap-page-meta: var(--gap-half);
+    --gap-page-links: var(--gap);
+    --gap-list: var(--gap-third);
+
+    --margin: 2rem;
+    --margin-half: 1rem;
+    --margin-big-logo: auto;
+    --margin-site-stats: auto;
+    --margin-site-stats-list: var(--margin) auto;
+    --margin-home-section: var(--margin) 0 0 0;
+    --margin-home-section-header: 0 0 var(--margin-half) 0;
+
+    --width-content-min: 300px;
+    --width-content-max: 48rem;
+
+    --grid-columns: 4;
+    --width-card-min: 300px;
+}