removed all old fonts, remove all old backgrounds

2025-12-06 17:27:57 +00:00 · 2025-10-30 10:33:42 -07:00
parent 0c2a1bc249
commit 605eb70aed
33 changed files with 3369 additions and 1715 deletions
--- a/styles/_code-tabs.scss
+++ b/styles/_code-tabs.scss
@@ -197,7 +197,7 @@ pre {
  .ss, // string, symbol
  .sx // string, other
  {
-    color: $green-400;
+    color: $green-200;
  }

  .vc, // variable, class
--- a/styles/_content.scss
+++ b/styles/_content.scss
@@ -3,13 +3,6 @@
 [data-component-name="Markdown/Markdown"] article {
  padding-bottom: 50px;

-  p code,
-  table code,
-  li > code {
-    background-color: $green-500;
-    color: $green-400;
-  }
-
  a {
    text-decoration: underline;
  }
--- a/styles/_contribute.scss
+++ b/styles/_contribute.scss
@@ -108,7 +108,7 @@
        text-align: center;

        /* Desktop / H1 */
-        font-family: Work Sans;
+        font-family: $font-family-monospace;
        font-size: 62px;
        font-style: normal;
        font-weight: 700;
@@ -178,7 +178,6 @@

    .eyebrow-convo {
        text-align: start;
-        font-family: Work Sans;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
@@ -194,7 +193,6 @@
    #community-table h4 {
        text-align: start;
        margin: 10px 0;
-        font-family: Work Sans;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
@@ -312,15 +310,12 @@
    }

    .funding-text {
-        color: var($white);
        /* Desktop/H6 */
-        font-family: Work Sans;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 44px;
        padding-bottom: 4px;
-        /* 130% */
    }

    .xrpl-events-section {
@@ -348,7 +343,7 @@

                h6 {
                    margin-bottom: 0.5rem;
-                    font-family: Work Sans;
+                    font-family: $font-family-monospace;
                    font-size: 20px;
                    font-style: normal;
                    font-weight: 700;
@@ -356,7 +351,7 @@
                }

                h4 {
-                    font-family: Work Sans;
+                    font-family: $font-family-monospace;
                    font-size: 28px;
                    font-style: normal;
                    font-weight: 700;
@@ -367,7 +362,6 @@
            .description {
                text-align: start;
                margin-top: 2rem;
-                font-family: Work Sans;
                font-size: 24px;
                font-style: normal;
                font-weight: 500;
@@ -397,7 +391,7 @@
        .header {
            h6 {
                padding-left: 1.5px;
-                font-family: 'Work Sans', sans-serif;
+                font-family: $font-family-monospace;
                font-size: 20px;
                font-weight: 700;
                color: var(--black-black-0, #FFF);
@@ -406,7 +400,7 @@

            h4 {
                text-align: start;
-                font-family: 'Work Sans', sans-serif;
+                font-family: $font-family-monospace;
                font-size: 32px;
                font-weight: 700;
                color: var(--black-black-0, #FFF);
@@ -414,7 +408,6 @@
        }

        .description {
-            font-family: 'Work Sans', sans-serif;
            font-size: 20px;
            font-weight: 500;
            max-width: 444px;
@@ -434,7 +427,6 @@
            .upcoming-label {
                position: relative;
                top: 7px;
-                font-family: 'Work Sans', sans-serif;
                font-size: 12px;
                font-weight: 600;
                text-transform: uppercase;
@@ -468,7 +460,7 @@
            }

            h5 {
-                font-family: 'Work Sans', sans-serif;
+                font-family: $font-family-monospace;
                font-size: 16px;
                font-weight: 700;
                color: var(--black-black-10, #F5F5F7);
@@ -476,7 +468,6 @@

            .event-details,
            .event-location {
-                font-family: 'Work Sans', sans-serif;
                font-size: 12px;
                font-weight: 600;
                color: var(--black-black-30, #C1C1C2);
@@ -503,7 +494,6 @@

    .small-text {
        color: var(--black-black-30, #C1C1C2);
-        font-family: Work Sans;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
@@ -711,7 +701,6 @@
        }
        span {
            color: #FFF;
-            font-family: Work Sans;
            font-size: 12px;
            font-style: normal;
            font-weight: 600;
@@ -721,7 +710,6 @@
        .name {
            padding-bottom: 5px;
            color: var(--black-black-10, #F5F5F7);
-            font-family: Work Sans;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
@@ -811,7 +799,6 @@
    .spotlight-title,
    .project-title {
        color: var(--black-black-10, #F5F5F7);
-        font-family: Work Sans;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
@@ -821,7 +808,6 @@

    .spotlight-subtitle {
        color: var(--black-black-10, #F5F5F7);
-        font-family: Work Sans;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
@@ -832,7 +818,6 @@

    .project-description {
        color: var(--black-black-30, #C1C1C2);
-        font-family: Work Sans;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
@@ -851,7 +836,6 @@

    .view-project {
        color: var(--blue-purple-blue-purple-50, #7919FF);
-        font-family: Work Sans;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
@@ -1012,8 +996,6 @@
                    margin-bottom: 0px !important;
                    color: var(--black-black-0-white, #FFF);
                    white-space: nowrap;
-                    /* Desktop/H6 */
-                    font-family: Work Sans;
                    font-size: 20px;
                    font-style: normal;
                    font-weight: 700;
@@ -1023,7 +1005,6 @@

                .card-subtitle {
                    color: var(--black-black-0, #FFF);
-                    font-family: Work Sans;
                    font-size: 24px;
                    font-style: normal;
                    font-weight: 700;
@@ -1034,7 +1015,6 @@

                .card-description {
                    color: var(--black-black-20, #E0E0E1);
-                    font-family: Work Sans;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 400;
@@ -1057,7 +1037,6 @@
                    text-decoration: none;
                    cursor: pointer;
                    color: #9A52FF;
-                    font-family: Work Sans;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 600;
--- a/styles/_diagrams.scss
+++ b/styles/_diagrams.scss
@@ -210,12 +210,12 @@ html:not(.light) article {
        stop-color: $green-300;
      }
      stop[stop-color="#2789b9"] {
-        stop-color: $green-400;
+        stop-color: $green-200;
      }

      // Primary Blue Top gradient: change to green
      stop[stop-color="#6bc1ec"] {
-        stop-color: $green-200;
+        stop-color: $green-100;
      }
      stop[stop-color="#8ad6f4"] {
        stop-color: $green-300;
--- a/styles/_docs-landing.scss
+++ b/styles/_docs-landing.scss
@@ -101,7 +101,6 @@
 }

 .faded-text {
-  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 15.5667px;
--- a/styles/_font.scss
+++ b/styles/_font.scss
@@ -165,13 +165,16 @@ p {
 /* Japanese language font override ------------------------------------------ */

 .lang-ja {
-  font-family: 'Work Sans', 'Noto Sans JP', sans-serif;
+  font-family: 'Noto Sans', 'Noto Sans JP', sans-serif;
  h1, h2, h3, h4, h5,
  .navbar .navbar-nav .nav-link,
  article .children-display li a,
  .right-sidebar .level-1 a,
  .right-sidebar .separator {
-    font-family: 'Work Sans', 'Noto Sans JP', sans-serif;
+    font-family: 'Noto Sans', 'Noto Sans JP', sans-serif;
  }

+  pre, code {
+    font-family: 'Noto Serif', 'Noto Serif JP', monospace;
+  }
 }
--- a/styles/_footer.scss
+++ b/styles/_footer.scss
@@ -8,13 +8,6 @@
  }
  padding: 7.5rem 2rem;

-  @include media-breakpoint-up(lg) {
-    background-image: url(../img/backgrounds/footer.svg);
-    background-size: cover;
-    background-repeat: no-repeat;
-    background-position: bottom right;
-  }
-
  @include media-breakpoint-down(md) {
    .col-lg:not(:first-child) {
      margin-top: 4rem;
--- a/styles/_helpers.scss
+++ b/styles/_helpers.scss
@@ -462,7 +462,7 @@
 }

 .stat-highlight {
-  color: $green-500;
+  color: $green-400;
 }

 /* ETC */
--- a/styles/_landings.scss
+++ b/styles/_landings.scss
@@ -24,6 +24,8 @@
  }

  section:first-of-type h1:first-child {
+    font-family: $font-family-monospace;
+    font-weight: 400;
    margin-top: 0;
    line-height: 1.2;
  }
--- a/styles/_pages.scss
+++ b/styles/_pages.scss
@@ -1,16 +1,4 @@
 /* HOME STYLINGS */
-#home-purple {
-  position: absolute;
-  left: 0;
-  top: -400px;
-}
-
-#home-green {
-  position: absolute;
-  right: -3px;
-  top: 60px;
-}
-
 .sidelinks {
  &:hover {
    color: $blue-purple-400;
@@ -1503,7 +1491,6 @@ html.light {
  .token-title {
    color: var(--black-black-0-white, #FFF);
    text-align: center;
-    font-family: "Work Sans";
    font-size: 62px;
    font-style: normal;
    font-weight: 700;
@@ -1563,7 +1550,6 @@ html.light {

      p {
        color: var(--black-black-10-gray-200, #E0E0E1);
-        font-family: "Work Sans";
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
@@ -1631,7 +1617,6 @@ html.light {

    .cards-title-token {
      color: var(--black-black-0-white, #FFF);
-      font-family: "Work Sans";
      font-size: 32px;
      font-style: normal;
      font-weight: 700;
@@ -1644,7 +1629,6 @@ html.light {
      display: flex;
      flex-direction: column;
      align-items: center;
-      font-family: 'Work Sans', sans-serif;
      overflow: hidden;
    }

@@ -1861,7 +1845,6 @@ html.light {
 .token-developer-tools-section,
 .payments-integration-section {
  .developer-tools {
-    font-family: 'Work Sans', sans-serif;
    color: #fff;
  }

@@ -1953,7 +1936,6 @@ html.light {

 .token-features-section {
  .rwa-tokenization {
-    font-family: 'Work Sans', sans-serif;
    padding: 100px 40px;
    padding-top: 0px;
    color: #fff;
--- a/styles/_rpc-tool.scss
+++ b/styles/_rpc-tool.scss
@@ -50,7 +50,7 @@
 }

 .json-view--number {
-  color: $green-300 !important;
+  color: $green-200 !important;
 }

 .json-view--string {
--- a/styles/_status-labels.scss
+++ b/styles/_status-labels.scss
@@ -130,32 +130,32 @@

  @mixin chip-green {
    background-color: $green-500;
-    color: $green-300;
+    color: $green-200;
    .badge-pill {
-      background-color: $green-300;
+      background-color: $green-200;
      color: $green-500;
    }
    &:hover {
      background-color: $green-400;
-      color: $green-200;
+      color: $green-100;
      .badge-pill {
-        background-color: $green-200;
+        background-color: $green-100;
        color: $green-400;
      }
    }

    html.light & {
-      background-color: $green-200;
+      background-color: $green-100;
      color: $green-500;
      .badge-pill {
-        color: $green-200;
+        color: $green-100;
        background-color: $green-500;
      }
      &:hover {
-        background-color: $green-300;
+        background-color: $green-200;
        color: $black;
        .badge-pill {
-          color: $green-300;
+          color: $green-200;
          background-color: $black;
        }
      }
--- a/styles/_top-banner.scss
+++ b/styles/_top-banner.scss
@@ -5,10 +5,16 @@
  height: $banner-height;
  background: #32E685 !important;
  padding: 7px 35px;
-  font-family: "Space Grotesk";
+  font-family: $font-family-monospace;
  z-index: 10;
  cursor: pointer;
-  
+  color: $black !important;
+  text-align: center;
+  font-size: 26px; // Further scaled down from 28px
+  font-style: normal;
+  font-weight: 600;
+  letter-spacing: -0.32px;
+
  &:hover {
    text-decoration: none;
    color: $white;
@@ -17,13 +23,6 @@
      transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    }
  }
-  color: $black !important;
-  text-align: center;
-  font-family: "Space Grotesk";
-  font-size: 26px; // Further scaled down from 28px
-  font-style: normal;
-  font-weight: 600;
-  letter-spacing: -0.32px;
  // Pseudo-element for the fill animation
  &::after {
    content: "";
--- a/styles/_use-cases.scss
+++ b/styles/_use-cases.scss
@@ -253,7 +253,6 @@ html.light {
 }

 .section-text-title {
-  font-family: "Work Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
@@ -264,7 +263,6 @@ html.light {

 .section-text-description {
  max-width: 320px;
-  font-family: "Work Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
@@ -277,7 +275,6 @@ html.light {
  position: relative;
  top: 17px;
  left: 50px;
-  font-family: "Work Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
@@ -298,7 +295,6 @@ html.light {
 }

 .explore-projects {
-  font-family: "Work Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
@@ -450,7 +446,6 @@ html.light {
 }

 .circle-text {
-  font-family: "Work Sans";
  font-style: normal;
  font-weight: 700;
  white-space: nowrap;
@@ -484,7 +479,6 @@ html.light {
  display: block;
  width: 100%;
  text-align: left;
-  font-family: "Work Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
@@ -533,7 +527,6 @@ html.light {
    position: relative;
    top: 17px;
    left: 50px;
-    font-family: "Work Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
@@ -545,7 +538,6 @@ html.light {
    display: block;
    width: 100%;
    text-align: left;
-    font-family: "Work Sans";
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
@@ -588,7 +580,6 @@ html.light {
 }

 .pill-number {
-  font-family: "Work Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 22.1452px;
@@ -1219,7 +1210,6 @@ body,
    
    .rest-text {
      color: var(--XRPL-Primary-White, #FFF);
-      font-family: "Work Sans";
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
--- a/styles/xrpl.scss
+++ b/styles/xrpl.scss
@@ -34,10 +34,8 @@ $input-btn-line-height: 1.25;
 $input-font-size: 1rem;

 // @import "_font-face.scss";
-$font-family-monospace: "Tobias", monospace;
-$font-family-sans-serif: "Booton", -apple-system, BlinkMacSystemFont,
-  "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue",
-  sans-serif;
+$font-family-monospace: "Tobias", "Noto Serif", monospace;
+$font-family-sans-serif: "Booton", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
 $base-size: 16px;
 $line-height-base: 1.5;