From c5cd15795fe414b48957f32baa4efd8ffb1ff7b6 Mon Sep 17 00:00:00 2001
From: Elad Shechter <elad2412@gmail.com>
Date: Tue, 12 Mar 2024 10:41:01 +0100
Subject: [PATCH 1/5] Code Panel - update colors

---
 apps/pink/src/pages/components/code-panel.mdx |  2 +-
 packages/ui/src/7-components/_code-panel.scss | 28 ++++++++-----------
 2 files changed, 13 insertions(+), 17 deletions(-)

diff --git a/apps/pink/src/pages/components/code-panel.mdx b/apps/pink/src/pages/components/code-panel.mdx
index 92d49a0387..35f698f01e 100644
--- a/apps/pink/src/pages/components/code-panel.mdx
+++ b/apps/pink/src/pages/components/code-panel.mdx
@@ -8,7 +8,7 @@ description: Code panels are used to create a focused view of a block of code, f
 | `code-panel` | Code Panel | A class representing a code panel |
 
 <Preview>
- <section class="code-panel u-min-width-100-percent theme-dark">
+ <section class="code-panel u-min-width-100-percent">
         <header class="code-panel-header">
             <div class="u-flex u-gap-16 u-margin-inline-start-auto">
                 <button class="button is-text">
diff --git a/packages/ui/src/7-components/_code-panel.scss b/packages/ui/src/7-components/_code-panel.scss
index 8af9e860eb..4e2e510788 100644
--- a/packages/ui/src/7-components/_code-panel.scss
+++ b/packages/ui/src/7-components/_code-panel.scss
@@ -1,23 +1,19 @@
 @use "../abstract" as *;
 
 .code-panel {
-  --p-code-panel-header: var(--color-neutral-85);
-  --p-code-panel-content: var(--color-neutral-90);
-  --p-code-panel-text-color: var(--color-neutral-5);
+  --p-code-panel-header:        var(--color-neutral-5);
+  --p-code-panel-border-color:  var(--color-neutral-15);
+  --p-code-panel-content:       var(--color-neutral-0);
+  //--p-code-panel-text-color:    var(--color-neutral-120);
 
-  display: flex;
-  flex-direction: column;
-  block-size: 100%;
-  flex-shrink: 0;
-  overflow: hidden;
-  border: solid 1px hsl(var(--p-code-panel-border-color));
+  display:flex; flex-direction:column; block-size:100%; flex-shrink:0; overflow:hidden;
+  border: solid pxToRem(1) hsl(var(--p-code-panel-border-color));
   border-radius: var(--border-radius-xsmall);
-  color: hsl(var(--p-code-panel-text-color));
+  //color: hsl(var(--p-code-panel-text-color));
   &-header {
-    display: flex;
-    padding: pxToRem(16);
+    display:flex; padding:pxToRem(16);
     background-color: hsl(var(--p-code-panel-header));
-    border-block-end: solid 1px hsl(var(--p-code-panel-border-color));
+    border-block-end: solid pxToRem(1) hsl(var(--p-code-panel-border-color));
   }
   &-content {
     flex: 1;
@@ -26,9 +22,9 @@
     background-color: hsl(var(--p-code-panel-content));
   }
   #{$theme-dark} & {
-    --p-code-panel-header: var(--color-neutral-200);
-    --p-code-panel-border-color: var(--transparent);
-    --p-code-panel-content: var(--color-neutral-300);
+    --p-code-panel-header: var(--color-neutral-105);
+    --p-code-panel-border-color: var(--color-neutral-85);
+    --p-code-panel-content: var(--color-neutral-200);
     --p-code-panel-text-color: var(--color-neutral-5);
   }
 }

From 15ed513f68cb42240c4fa3278cc81ee2de21754d Mon Sep 17 00:00:00 2001
From: Elad Shechter <elad2412@gmail.com>
Date: Tue, 12 Mar 2024 10:44:17 +0100
Subject: [PATCH 2/5] Code Panel - update colors

---
 packages/ui/src/7-components/_code-panel.scss | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/packages/ui/src/7-components/_code-panel.scss b/packages/ui/src/7-components/_code-panel.scss
index 4e2e510788..af3074afd6 100644
--- a/packages/ui/src/7-components/_code-panel.scss
+++ b/packages/ui/src/7-components/_code-panel.scss
@@ -16,9 +16,7 @@
     border-block-end: solid pxToRem(1) hsl(var(--p-code-panel-border-color));
   }
   &-content {
-    flex: 1;
-    padding: pxToRem(24);
-    overflow: auto;
+    flex:1; padding:pxToRem(24); overflow:auto;
     background-color: hsl(var(--p-code-panel-content));
   }
   #{$theme-dark} & {

From 730f08a0112164c732dcdf67642788692581ff0d Mon Sep 17 00:00:00 2001
From: Elad Shechter <elad2412@gmail.com>
Date: Tue, 12 Mar 2024 12:44:54 +0100
Subject: [PATCH 3/5] Code Panel - update colors

---
 packages/ui/src/7-components/_code-panel.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui/src/7-components/_code-panel.scss b/packages/ui/src/7-components/_code-panel.scss
index af3074afd6..600468630f 100644
--- a/packages/ui/src/7-components/_code-panel.scss
+++ b/packages/ui/src/7-components/_code-panel.scss
@@ -4,7 +4,7 @@
   --p-code-panel-header:        var(--color-neutral-5);
   --p-code-panel-border-color:  var(--color-neutral-15);
   --p-code-panel-content:       var(--color-neutral-0);
-  //--p-code-panel-text-color:    var(--color-neutral-120);
+  //--p-code-panel-text-color:   var(--color-neutral-120);
 
   display:flex; flex-direction:column; block-size:100%; flex-shrink:0; overflow:hidden;
   border: solid pxToRem(1) hsl(var(--p-code-panel-border-color));

From c3f5e310d777869164858bb755964b2c9539ba94 Mon Sep 17 00:00:00 2001
From: Elad Shechter <elad2412@gmail.com>
Date: Wed, 13 Mar 2024 10:15:23 +0100
Subject: [PATCH 4/5] Code Panel - update colors according to Carla request

---
 packages/ui/src/7-components/_code-panel.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui/src/7-components/_code-panel.scss b/packages/ui/src/7-components/_code-panel.scss
index 600468630f..fa0e730aa1 100644
--- a/packages/ui/src/7-components/_code-panel.scss
+++ b/packages/ui/src/7-components/_code-panel.scss
@@ -20,7 +20,7 @@
     background-color: hsl(var(--p-code-panel-content));
   }
   #{$theme-dark} & {
-    --p-code-panel-header: var(--color-neutral-105);
+    --p-code-panel-header: var(--color-neutral-100);
     --p-code-panel-border-color: var(--color-neutral-85);
     --p-code-panel-content: var(--color-neutral-200);
     --p-code-panel-text-color: var(--color-neutral-5);

From 07801a9d71edde61b78ea1ee5d630e5148feb654 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Mon, 15 Apr 2024 14:49:41 +0200
Subject: [PATCH 5/5] Create forty-bobcats-burn.md

---
 .changeset/forty-bobcats-burn.md | 6 ++++++
 1 file changed, 6 insertions(+)
 create mode 100644 .changeset/forty-bobcats-burn.md

diff --git a/.changeset/forty-bobcats-burn.md b/.changeset/forty-bobcats-burn.md
new file mode 100644
index 0000000000..79f20014c3
--- /dev/null
+++ b/.changeset/forty-bobcats-burn.md
@@ -0,0 +1,6 @@
+---
+"@appwrite.io/pink": minor
+"@appwrite.io/pink-icons": minor
+---
+
+Code Panel
