KTL-1240 feat: updated grey color, shrinked cards

Author: berezinant

gatsby-browser.js

@@ -0,0 +1 @@
+import './src/styles/palette.css';

postcss.config.js

@@ -6,7 +6,8 @@ module.exports = {
       files: [
         "node_modules/@rescui/typography/lib/mixins.pcss",
         "node_modules/@jetbrains/kotlin-web-site-ui/out/components/breakpoints/media.pcss",
-        "./src/components/Header/media.pcss"
+        "./src/components/Header/media.pcss",
+        "./src/styles/palette.css",
       ]
     }),
     require('postcss-mixins'),

src/components/Grants/grants.module.css

@@ -37,7 +37,7 @@
   justify-content: space-between;
   border-radius: 16px;
 
-  background: var(--ktl-light-grey);
+  background: var(--kt-grey);
   padding: var(--ktl-box-section-s);
 
   margin-left: calc(-1 * var(--ktf-grants-spacing));
@@ -69,7 +69,7 @@
 }
 
 .actionDark {
-  background: #19191c;
+  background: var(--kt-bg-black);
 }
 
 .button {

src/components/JoinIntro/Opener/opener.module.css

@@ -29,7 +29,7 @@
 
 .contact {
   display: inline-block;
-  background: var(--rs-color-grey-10);
+  background: var(--kt-grey);
   border-radius: 8px;
   margin: var(--ktl-box-section-l) 0 0;
   padding: var(--ktl-box-block-l) 18px;

src/components/JoinTiers/Tier/tier.module.css

@@ -2,9 +2,7 @@
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
-
-  background: #fff;
-  box-shadow: 5px 2px 24px rgba(0, 0, 0, 0.1);
+  background-color: #fff;
   border-radius: 8px;
   padding: var(--ktl-box-section-m) var(--ktl-box-section-s) var(--ktl-box-section-s);
 

src/components/JoinTiers/tiers.module.css

@@ -1,5 +1,5 @@
 .outer {
-  background: var(--ktl-light-grey);
+  background: var(--kt-grey);
 }
 
 .tiers {

src/components/JoinWantToLearn/wantToLearn.module.css

@@ -1,5 +1,5 @@
 .outter {
-  background: var(--ktl-light-grey);
+  background: var(--kt-grey);
   padding-top: var(--ktf-fuild-spacing-xl);
   overflow: hidden;
 }

src/components/LatestNews/latestNews.module.css

@@ -41,7 +41,7 @@
   .item:before {
     display: block;
     content: '';
-    background-color: var(--rs-color-grey-10);
+    background-color: var(--kt-grey);
     border-radius: 16px;
     grid-row: 1 / 4;
   }

src/components/PagePreview/pagePreview.module.css

@@ -1,11 +1,11 @@
 .pagePreview {
-  background: #19191c;
+  background: var(--kt-bg-black);
   border-radius: 16px;
   padding: var(--ktl-box-section-l);
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  min-height: 480px;
+  min-height: 420px;
   box-sizing: border-box;
   width: 100%;
 }

src/styles/palette.css

@@ -0,0 +1,4 @@
+:root {
+  --kt-grey: #e8e8e8;
+  --kt-bg-black: #19191c;
+}