Merge pull request #3780 from dfinity/darkmode-fixes

Darkmode fixes

roadmap/roadmap.json

@@ -3,12 +3,45 @@
     "name": "Compute Platform",
     "description": "Blockchain Singularity — all computations of the world can run on ICP. ICP is a decentralized compute platform operating as an extension of the Internet, offering cost effective compute and storage services, with infrastructure provided by independent entities around the globe. The platform allows anyone to deploy canister smart contracts on the Internet and run them in a decentralized manner.",
     "milestones": [
+      {
+        "name": "Increase scalability and compute capacity",
+        "milestone_id": "Flux",
+        "description": "ICP subnets can handle even more compute load, by better handling many distinct canisters and by using more CPU threads. When a subnet's load grows even beyond that, this milestone introduces canister migration, which enables better load balancing between subnets, ensuring all ICP subnets are well utilized.",
+        "eta": null,
+        "status": "in_progress",
+        "elements": [
+          {
+            "title": "Asynchronous Checkpointing",
+            "overview": "Replicas currently persist the replicated state to disk every couple hundreds of rounds in a process called checkpointing. Currently some parts of checkpointing are done synchronously, which leads to drops in the execution rate in the checkpointing rounds and users have to wait longer for their responses during these rounds. The goal of this feature is to make more checkpointing steps run asynchronously in the background to make the IC's performance more consistent and predictable.",
+            "forum": "",
+            "proposal": "",
+            "docs": "",
+            "eta": "",
+            "status": "in_progress",
+            "is_community": false,
+            "in_beta": false,
+            "milestone_id": "Flux"
+          },
+          {
+            "title": "Canister migration",
+            "overview": "Migrating canisters between subnets. Important for balancing subnet utilization and scaling the IC.",
+            "status": "future",
+            "forum": "",
+            "proposal": "",
+            "docs": "",
+            "eta": "",
+            "is_community": false,
+            "in_beta": false,
+            "milestone_id": "Flux"
+          }
+        ]
+      },
       {
         "name": "Reduced End-to-end Latency",
         "milestone_id": "Tokamak",
         "description": "This milestone marks a significant reduction of user-perceived end-to-end latency for processing ingress messages. It is achieved by multiple concerted measures at different levels of the protocol stack and brings the user experience of Web3 closer to Web2.",
         "eta": "November 2024",
-        "status": "in_progress",
+        "status": "deployed",
         "elements": [
           {
             "title": "QUIC-based transport and P2P layer for consensus",
@@ -29,7 +62,7 @@
             "proposal": "",
             "docs": "",
             "eta": "Q2 2024",
-            "status": "in_progress",
+            "status": "deployed",
             "is_community": false,
             "in_beta": false,
             "milestone_id": "Tokamak"
@@ -53,7 +86,7 @@
         "milestone_id": "Stellarator",
         "description": "Increased storage capacity of ICP subnets, storage per canister smart contract, and message throughput between subnets. Those improvements lead to each subnet being able to host larger workloads and better utilization of ICP’s hardware resources. The world's largest smart contracts can now grow even larger, far surpassing smart contracts on any other chain.",
         "eta": "November 2024",
-        "status": "in_progress",
+        "status": "deployed",
         "elements": [
           {
             "title": "Increase Stable Memory Limit to 500GiB",
@@ -99,7 +132,7 @@
             "proposal": "",
             "docs": "",
             "eta": "",
-            "status": "in_progress",
+            "status": "deployed",
             "is_community": false,
             "in_beta": false,
             "milestone_id": "Stellarator"
@@ -111,7 +144,7 @@
             "proposal": "",
             "docs": "",
             "eta": "",
-            "status": "in_progress",
+            "status": "deployed",
             "is_community": false,
             "in_beta": false,
             "milestone_id": "Stellarator"
@@ -147,6 +180,17 @@
             "is_community": false,
             "in_beta": false
           },
+          {
+            "title": "Query call metrics",
+            "overview": "Metrics about query calls executed for a canister during a time period. Requirement for a fair charging of cycles for query calls.",
+            "forum": "",
+            "proposal": "",
+            "docs": "",
+            "eta": "",
+            "status": "deployed",
+            "is_community": true,
+            "in_beta": false
+          },
           {
             "title": "Increase Stable Memory Limit to 32GiB",
             "overview": "Increasing the stable memory limit of a canister from 8GiB to 32 GiB.",
@@ -414,17 +458,6 @@
         "milestone_id": "Future features",
         "eta": "none",
         "elements": [
-          {
-            "title": "Asynchronous Checkpointing",
-            "overview": "Replicas currently persist the replicated state to disk every couple hundreds of rounds in a process called checkpointing. Currently some parts of checkpointing are done synchronously, which leads to drops in the execution rate in the checkpointing rounds and users have to wait longer for their responses during these rounds. The goal of this feature is to make more checkpointing steps run asynchronously in the background to make the IC's performance more consistent and predictable.",
-            "forum": "",
-            "proposal": "",
-            "docs": "",
-            "eta": "",
-            "status": "in_progress",
-            "is_community": false,
-            "in_beta": false
-          },
           {
             "title": "Best-effort messaging",
             "overview": "Extend canister messaging by an additional message type that enables more scalable and responsive dApps.",
@@ -448,17 +481,6 @@
             "is_community": false,
             "in_beta": false
           },
-          {
-            "title": "Query call metrics",
-            "overview": "Metrics about query calls executed for a canister during a time period. Requirement for a fair charging of cycles for query calls.",
-            "forum": "",
-            "proposal": "",
-            "docs": "",
-            "eta": "",
-            "status": "in_progress",
-            "is_community": true,
-            "in_beta": false
-          },
           {
             "title": "Charging for query calls",
             "overview": "Charge a fair price in cycles for executed query calls. Currently query calls are free and only update calls are charged for.",
@@ -621,17 +643,6 @@
             "is_community": false,
             "in_beta": false
           },
-          {
-            "title": "Canister migration",
-            "overview": "Migrating canisters between subnets. Important for balancing subnet utilization and scaling the IC.",
-            "status": "future",
-            "forum": "",
-            "proposal": "",
-            "docs": "",
-            "eta": "",
-            "is_community": false,
-            "in_beta": false
-          },
           {
             "title": "Subnet deletion",
             "overview": "Enable subnets to be deleted via NNS proposals.",

src/css/custom.scss

@@ -76,6 +76,8 @@ html.docs-wrapper[data-theme='dark'] {
 
   --ifm-color-content: var(--icp-on-surface);
 
+  --docusaurus-highlighted-code-line-bg: oklch(from var(--icp-pink) calc(l - .3) c h);
+
 
   body {
     --ifm-menu-color-active: var(--icp-interaction-text);

src/theme/BlogPostItem/Header/index.js

@@ -13,7 +13,7 @@ export default function BlogPostItemHeader() {
   return (
     <header>
       <Link
-        className="tw-title-navigation inline-flex items-center gap-3 text-infinite hover:no-underline hover:text-black mt-10 md:mt-0"
+        className="tw-title-navigation inline-flex items-center gap-3 hover:no-underline mt-10 md:mt-0"
         href="/blog/"
       >
         <LinkArrowRight className="-scale-x-100" />

src/theme/BlogPostItems/index.js

@@ -29,7 +29,7 @@ function InfoLine({ date, formattedDate, tags }) {
       <time
         dateTime={date}
         itemProp="datePublished"
-        className="tw-title-navigation-on-page text-black/70"
+        className="tw-title-navigation-on-page"
       >
         {formattedDate}
       </time>
@@ -76,13 +76,13 @@ export default function BlogPostItems({ items, withFeatured = false }) {
             ></InfoLine>
             <Link
               href={featuredPost.content.metadata.permalink}
-              className="text-black hover:text-infinite hover:no-underline"
+              className="hover:no-underline"
             >
               <h2 className="tw-heading-5 mb-4">
                 {featuredPost.content.frontMatter.title}
               </h2>
             </Link>
-            <p className="tw-paragraph text-black/60 mb-0">
+            <p className="tw-paragraph mb-0">
               {featuredPost.content.frontMatter.description}
             </p>
           </div>
@@ -102,7 +102,7 @@ export default function BlogPostItems({ items, withFeatured = false }) {
             ></InfoLine>
             <Link
               href={BlogPostContent.metadata.permalink}
-              className="text-black hover:text-infinite hover:no-underline"
+              className="hover:no-underline"
             >
               <h2 className="tw-heading-6 mb-0">
                 {BlogPostContent.frontMatter.title ||