(chore): add hidden page styling (#60)

* hidden page styling

* add indentation

fern/assets/input.css

@@ -541,10 +541,10 @@ button[class^="Sidebar-link-buttonWrapper"] {
   color: #cc0100 !important;
 }
 .bloody-red-text {
-  color: #a31515;
+  color: #a31515 !important;
 }
 .dark-pink-text {
-  color: #b80672;
+  color: #b80672 !important;
 }
 .magenta-text {
   color: #cc669f !important;
@@ -566,7 +566,7 @@ button[class^="Sidebar-link-buttonWrapper"] {
   color: #6aa84f !important;
 }
 .grass-green-text {
-  color: #38761d;
+  color: #38761d !important;
 }
 .dark-green-text {
   color: #284e13 !important;
@@ -608,18 +608,27 @@ button[class^="Sidebar-link-buttonWrapper"] {
   line-height:100% !important;
 }
 .yellow-highlight{
-          background-color: yellow;
-          display: inline-block;
-          width: 100px; /* Adjust the width as needed */
-          /*height: 20px;*/ /* Adjust the height as needed */
+  background-color: yellow !important;
+  display: inline-block !important;
+  width: 100px !important; /* Adjust the width as needed */
+  /*height: 20px !important;*/ /* Adjust the height as needed */
 }
 .code-block {
-  background-color: rgb(233 230 222);
-  border-width: 1px;
-  border-style: solid;
-  border-color: rgb(228 222 210);
+  background-color: rgb(233 230 222) !important;
+  border-width: 1px !important;
+  border-style: solid !important;
+  border-color: rgb(228 222 210) !important;
   display: block !important;
-  overflow: auto;
-  padding: 1em;
-  border-radius:3px;
+  overflow: auto !important;
+  padding: 1em !important;
+  border-radius:3px !important;
 }
+
+.extra-yellow {
+  color: #a31515 !important;
+  background-color: #ffff00 !important;
+}
+
+.extra-green {
+  color: #38761d !important;
+}

fern/fern.config.json

@@ -1,4 +1,4 @@
 {
   "organization": "cohere",
-  "version": "0.39.4"
+  "version": "0.39.13"
 }