lynx-console 0.2.1 → 0.2.3

package/dist/index.css

@@ -1,84 +1,3 @@
-:root {
-  --lynx-console-font-weight-regular: 400;
-  --lynx-console-font-weight-medium: 500;
-  --lynx-console-font-weight-bold: 700;
-  --lynx-console-duration-d4: 200ms;
-  --lynx-console-duration-d6: 300ms;
-  --lynx-console-dimension-x2: 8px;
-  --lynx-console-dimension-x3: 12px;
-  --lynx-console-dimension-x4: 16px;
-  --lynx-console-dimension-x6: 24px;
-  --lynx-console-dimension-spacing-x-global-gutter: 16px;
-  --lynx-console-radius-r6: 24px;
-}
-
-.data-lynx-console-color-mode__light-only {
-  --lynx-console-color-palette-blue-100: #eff6ff;
-  --lynx-console-color-palette-blue-600: #5e98fe;
-  --lynx-console-color-palette-gray-100: #f7f8f9;
-  --lynx-console-color-palette-gray-400: #dcdee3;
-  --lynx-console-color-palette-green-100: #edfaf6;
-  --lynx-console-color-palette-green-600: #10ab7d;
-  --lynx-console-color-palette-purple-100: #f5f3fe;
-  --lynx-console-color-palette-purple-600: #9f84fb;
-  --lynx-console-color-palette-red-100: #fdf0f0;
-  --lynx-console-color-palette-red-600: #fc6a66;
-  --lynx-console-color-palette-red-900: #921708;
-  --lynx-console-color-palette-static-white: #ffffff;
-  --lynx-console-color-palette-yellow-100: #fff7de;
-  --lynx-console-color-palette-yellow-600: #c49725;
-  --lynx-console-color-palette-yellow-900: #4f3e1f;
-  --lynx-console-color-fg-neutral: #1a1c20;
-  --lynx-console-color-fg-placeholder: #b0b3ba;
-  --lynx-console-color-fg-disabled: #d1d3d8;
-  --lynx-console-color-fg-neutral-muted: #555d6d;
-  --lynx-console-color-fg-neutral-subtle: #868b94;
-  --lynx-console-color-bg-overlay: #00000074;
-  --lynx-console-color-bg-layer-default: #ffffff;
-  --lynx-console-color-bg-layer-floating: #ffffff;
-  --lynx-console-color-bg-neutral-weak: #f3f4f5;
-  --lynx-console-color-stroke-neutral-subtle: #0000000c;
-  --lynx-console-color-stroke-neutral-weak: #dcdee3;
-}
-
-.data-lynx-console-color-mode__dark-only {
-  --lynx-console-color-palette-blue-100: #202742;
-  --lynx-console-color-palette-blue-600: #1e82eb;
-  --lynx-console-color-palette-gray-100: #16171b;
-  --lynx-console-color-palette-gray-400: #393d46;
-  --lynx-console-color-palette-green-100: #202926;
-  --lynx-console-color-palette-green-600: #1b946d;
-  --lynx-console-color-palette-purple-100: #28213b;
-  --lynx-console-color-palette-purple-600: #8e6bee;
-  --lynx-console-color-palette-red-100: #322323;
-  --lynx-console-color-palette-red-600: #f73526;
-  --lynx-console-color-palette-red-900: #f8c5c3;
-  --lynx-console-color-palette-static-white: #ffffff;
-  --lynx-console-color-palette-yellow-100: #302819;
-  --lynx-console-color-palette-yellow-600: #b6720d;
-  --lynx-console-color-palette-yellow-900: #e5d49b;
-  --lynx-console-color-fg-neutral: #f3f4f5;
-  --lynx-console-color-fg-placeholder: #868b94;
-  --lynx-console-color-fg-disabled: #5b606a;
-  --lynx-console-color-fg-neutral-muted: #dcdee3;
-  --lynx-console-color-fg-neutral-subtle: #b0b3ba;
-  --lynx-console-color-bg-overlay: #00000074;
-  --lynx-console-color-bg-layer-default: #16171b;
-  --lynx-console-color-bg-layer-floating: #1d2025;
-  --lynx-console-color-bg-neutral-weak: #2b2e35;
-  --lynx-console-color-stroke-neutral-subtle: #ffffff0d;
-  --lynx-console-color-stroke-neutral-weak: #393d46;
-}
-
-page {
-  background-color: var(--lynx-console-color-bg-layer-default);
-  font-size: 16px;
-}
-
-text {
-  color: var(--lynx-console-color-fg-neutral);
-}
-
 .bs-overlay {
   position: fixed;
   top: 0;
@@ -98,8 +17,6 @@ text {
   bottom: 0;
   left: 0;
   z-index: 9998;
-  background: var(--lynx-console-color-bg-overlay);
-  transition: opacity var(--lynx-console-duration-d6) cubic-bezier(0.4, 0, 0.2, 1);
 }
 
 .bs-content {
@@ -109,10 +26,8 @@ text {
   flex-direction: column;
   box-sizing: border-box;
   word-break: break-all;
-  background: var(--lynx-console-color-bg-layer-floating);
   border-top-left-radius: 24px;
   border-top-right-radius: 24px;
-  transition: transform var(--lynx-console-duration-d6) cubic-bezier(0.4, 0, 0.2, 1);
   height: 500px;
   overflow: hidden;
 }
@@ -131,7 +46,6 @@ text {
 .bs-handle {
   width: 36px;
   height: 4px;
-  background-color: var(--lynx-console-color-palette-gray-400);
   border-radius: 9999px;
   margin-top: 12px;
 }
@@ -150,8 +64,6 @@ text {
 .bs-title {
   font-size: 1.25rem;
   line-height: 1.6875rem;
-  font-weight: var(--lynx-console-font-weight-bold);
-  color: var(--lynx-console-color-fg-neutral);
 }
 
 .bs-body {
@@ -187,8 +99,6 @@ text {
 .cp-placeholderText {
   font-size: 0.875rem;
   line-height: 1.1875rem;
-  font-weight: var(--lynx-console-font-weight-regular);
-  color: var(--lynx-console-color-fg-disabled);
 }
 
 .cp-logContainer {
@@ -215,15 +125,12 @@ text {
   flex-direction: row;
   align-items: center;
   padding: 3px 6px;
-  background-color: var(--lynx-console-color-bg-neutral-weak);
   border-radius: 4px;
 }
 
 .cp-filterButtonText {
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-medium);
-  color: var(--lynx-console-color-fg-neutral-muted);
 }
 
 .cp-filterDropdown {
@@ -231,9 +138,7 @@ text {
   top: 100%;
   left: 0;
   margin-top: 4px;
-  background-color: var(--lynx-console-color-bg-layer-floating);
   border-width: 1px;
-  border-color: var(--lynx-console-color-stroke-neutral-subtle);
   border-style: solid;
   border-radius: 8px;
   padding: 4px 0;
@@ -252,46 +157,12 @@ text {
 .cp-filterCheckbox {
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-medium);
   width: 16px;
 }
 
-.cp-filterCheckbox--log {
-  color: var(--lynx-console-color-palette-green-600);
-}
-
-.cp-filterCheckbox--info {
-  color: var(--lynx-console-color-palette-blue-600);
-}
-
-.cp-filterCheckbox--warn {
-  color: var(--lynx-console-color-palette-yellow-600);
-}
-
-.cp-filterCheckbox--error {
-  color: var(--lynx-console-color-palette-red-600);
-}
-
 .cp-filterLabel {
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-medium);
-}
-
-.cp-filterLabel--log {
-  color: var(--lynx-console-color-palette-green-600);
-}
-
-.cp-filterLabel--info {
-  color: var(--lynx-console-color-palette-blue-600);
-}
-
-.cp-filterLabel--warn {
-  color: var(--lynx-console-color-palette-yellow-600);
-}
-
-.cp-filterLabel--error {
-  color: var(--lynx-console-color-palette-red-600);
 }
 
 .cp-searchWrapper {
@@ -302,7 +173,6 @@ text {
   margin-left: 8px;
   margin-right: 8px;
   border-bottom-width: 1px;
-  border-bottom-color: var(--lynx-console-color-stroke-neutral-subtle);
   border-bottom-style: solid;
   gap: 8px;
 }
@@ -310,17 +180,12 @@ text {
 .cp-searchPrompt {
   font-size: 1.125rem;
   line-height: 1.5rem;
-  font-weight: var(--lynx-console-font-weight-medium);
-  color: var(--lynx-console-color-fg-placeholder);
 }
 
 .cp-searchInput {
   flex: 1;
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-regular);
-  color: var(--lynx-console-color-fg-neutral);
-  caret-color: var(--lynx-console-color-palette-green-600);
 }
 
 .cp-searchClear {
@@ -330,21 +195,16 @@ text {
 .cp-searchClearText {
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-medium);
-  color: var(--lynx-console-color-fg-placeholder);
 }
 
 .cp-clearButton {
   padding: 3px 6px;
-  background-color: var(--lynx-console-color-bg-neutral-weak);
   border-radius: 4px;
 }
 
 .cp-clearButtonText {
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-medium);
-  color: var(--lynx-console-color-fg-neutral-muted);
 }
 
 .cp-logList {
@@ -356,18 +216,9 @@ text {
 .cp-logItem {
   padding: 8px;
   border-bottom-width: 1px;
-  border-bottom-color: var(--lynx-console-color-stroke-neutral-weak);
   border-bottom-style: solid;
 }
 
-.cp-logItem--warn {
-  background-color: var(--lynx-console-color-palette-yellow-100);
-}
-
-.cp-logItem--error {
-  background-color: var(--lynx-console-color-palette-red-100);
-}
-
 .cp-logItemHeader {
   display: flex;
   flex-direction: row;
@@ -378,38 +229,17 @@ text {
 .cp-logLevel {
   font-size: 0.75rem;
   line-height: 1rem;
-  font-weight: var(--lynx-console-font-weight-bold);
   margin-right: 8px;
 }
 
-.cp-logLevel--log {
-  color: var(--lynx-console-color-palette-green-600);
-}
-
-.cp-logLevel--info {
-  color: var(--lynx-console-color-palette-blue-600);
-}
-
-.cp-logLevel--warn {
-  color: var(--lynx-console-color-palette-yellow-600);
-}
-
-.cp-logLevel--error {
-  color: var(--lynx-console-color-palette-red-600);
-}
-
 .cp-logTime {
   font-size: 0.75rem;
   line-height: 1rem;
-  font-weight: var(--lynx-console-font-weight-regular);
-  color: var(--lynx-console-color-fg-neutral-subtle);
 }
 
 .cp-toggleIndicator {
   font-size: 0.75rem;
   line-height: 1rem;
-  font-weight: var(--lynx-console-font-weight-regular);
-  color: var(--lynx-console-color-fg-neutral-subtle);
   margin-left: 4px;
   align-self: flex-start;
 }
@@ -417,8 +247,6 @@ text {
 .cp-logMessage {
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-regular);
-  color: var(--lynx-console-color-fg-neutral);
   word-break: break-all;
 }
 
@@ -432,59 +260,16 @@ text {
 .cp-logArgItem {
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-regular);
-}
-
-.cp-argNull {
-  color: var(--lynx-console-color-fg-neutral-subtle);
-}
-
-.cp-argUndefined {
-  color: var(--lynx-console-color-fg-neutral-subtle);
 }
 
 .cp-argString {
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-regular);
-}
-
-.cp-argString--log {
-  color: var(--lynx-console-color-fg-neutral);
-}
-
-.cp-argString--info {
-  color: var(--lynx-console-color-fg-neutral);
-}
-
-.cp-argString--warn {
-  color: var(--lynx-console-color-palette-yellow-900);
-}
-
-.cp-argString--error {
-  color: var(--lynx-console-color-palette-red-900);
 }
 
 .cp-argPrimitive {
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-regular);
-}
-
-.cp-argPrimitive--log {
-  color: var(--lynx-console-color-palette-blue-600);
-}
-
-.cp-argPrimitive--info {
-  color: var(--lynx-console-color-palette-blue-600);
-}
-
-.cp-argPrimitive--warn {
-  color: var(--lynx-console-color-palette-yellow-900);
-}
-
-.cp-argPrimitive--error {
-  color: var(--lynx-console-color-palette-red-900);
 }
 
 .cp-argObject {
@@ -502,8 +287,6 @@ text {
 .cp-argObjectPreview {
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-medium);
-  color: var(--lynx-console-color-fg-neutral);
 }
 
 .cp-argObjectContent {
@@ -522,15 +305,11 @@ text {
 .cp-argObjectKey {
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-medium);
-  color: var(--lynx-console-color-palette-purple-600);
 }
 
 .cp-argObjectJson {
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-regular);
-  color: var(--lynx-console-color-fg-neutral);
 }
 
 .cp-replInputRow {
@@ -545,8 +324,6 @@ text {
 .cp-replPrompt {
   font-size: 1.625rem;
   line-height: 2.1875rem;
-  font-weight: var(--lynx-console-font-weight-medium);
-  color: var(--lynx-console-color-fg-placeholder);
   padding-bottom: 8px;
 }
 
@@ -554,15 +331,11 @@ text {
   flex: 1;
   font-size: 1rem;
   line-height: 1.375rem;
-  font-weight: var(--lynx-console-font-weight-regular);
-  color: var(--lynx-console-color-fg-neutral);
-  caret-color: var(--lynx-console-color-palette-green-600);
   padding-bottom: 8px;
 }
 
 .cp-replRunButton {
   padding: 4px 10px;
-  background-color: var(--lynx-console-color-palette-green-100);
   border-radius: 4px;
   margin-bottom: 8px;
 }
@@ -570,8 +343,6 @@ text {
 .cp-replRunButtonText {
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-medium);
-  color: var(--lynx-console-color-palette-green-600);
 }
 
 .np-container {
@@ -593,21 +364,16 @@ text {
 .np-count {
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-regular);
-  color: var(--lynx-console-color-fg-neutral-subtle);
 }
 
 .np-clearButton {
   padding: 3px 6px;
-  background-color: var(--lynx-console-color-bg-neutral-weak);
   border-radius: 4px;
 }
 
 .np-clearButtonText {
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-medium);
-  color: var(--lynx-console-color-fg-neutral-muted);
 }
 
 .np-list {
@@ -624,25 +390,14 @@ text {
 .np-placeholderText {
   font-size: 0.875rem;
   line-height: 1.1875rem;
-  font-weight: var(--lynx-console-font-weight-regular);
-  color: var(--lynx-console-color-fg-disabled);
 }
 
 .np-item {
   padding: 8px;
   border-bottom-width: 1px;
-  border-bottom-color: var(--lynx-console-color-stroke-neutral-weak);
   border-bottom-style: solid;
 }
 
-.np-item--pending {
-  background-color: var(--lynx-console-color-palette-gray-100);
-}
-
-.np-item--error {
-  background-color: var(--lynx-console-color-palette-red-100);
-}
-
 .np-itemHeader {
   display: flex;
   flex-direction: row;
@@ -654,68 +409,23 @@ text {
 .np-method {
   font-size: 0.75rem;
   line-height: 1rem;
-  font-weight: var(--lynx-console-font-weight-bold);
   padding: 0 4px;
   border-radius: 2px;
-  color: var(--lynx-console-color-fg-neutral);
-  background-color: var(--lynx-console-color-bg-neutral-weak);
-}
-
-.np-method--GET {
-  color: var(--lynx-console-color-palette-blue-600);
-  background-color: var(--lynx-console-color-palette-blue-100);
-}
-
-.np-method--POST {
-  color: var(--lynx-console-color-palette-green-600);
-  background-color: var(--lynx-console-color-palette-green-100);
-}
-
-.np-method--PUT {
-  color: var(--lynx-console-color-palette-yellow-600);
-  background-color: var(--lynx-console-color-palette-yellow-100);
-}
-
-.np-method--PATCH {
-  color: var(--lynx-console-color-palette-purple-600);
-  background-color: var(--lynx-console-color-palette-purple-100);
-}
-
-.np-method--DELETE {
-  color: var(--lynx-console-color-palette-red-600);
-  background-color: var(--lynx-console-color-palette-red-100);
 }
 
 .np-statusCode {
   font-size: 0.75rem;
   line-height: 1rem;
-  font-weight: var(--lynx-console-font-weight-bold);
-}
-
-.np-statusCode--success {
-  color: var(--lynx-console-color-palette-green-600);
-}
-
-.np-statusCode--error {
-  color: var(--lynx-console-color-palette-red-600);
-}
-
-.np-statusCode--pending {
-  color: var(--lynx-console-color-fg-neutral-subtle);
 }
 
 .np-time {
   font-size: 0.75rem;
   line-height: 1rem;
-  font-weight: var(--lynx-console-font-weight-regular);
-  color: var(--lynx-console-color-fg-neutral-subtle);
 }
 
 .np-url {
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-regular);
-  color: var(--lynx-console-color-fg-neutral);
   word-break: break-all;
   margin-bottom: 4px;
 }
@@ -723,8 +433,6 @@ text {
 .np-path {
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-regular);
-  color: var(--lynx-console-color-fg-neutral);
   word-break: break-all;
   white-space: pre-wrap;
   overflow: visible;
@@ -734,15 +442,12 @@ text {
 .np-details {
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-regular);
-  color: var(--lynx-console-color-fg-neutral-subtle);
 }
 
 .np-detailsContainer {
   margin-top: 12px;
   padding-top: 12px;
   border-top-width: 1px;
-  border-top-color: var(--lynx-console-color-stroke-neutral-subtle);
   border-top-style: solid;
 }
 
@@ -759,19 +464,9 @@ text {
   cursor: pointer;
 }
 
-.np-tab--active {
-  background-color: var(--lynx-console-color-bg-neutral-weak);
-}
-
 .np-tabText {
   font-size: 0.875rem;
   line-height: 1.1875rem;
-  font-weight: var(--lynx-console-font-weight-medium);
-  color: var(--lynx-console-color-fg-neutral-subtle);
-}
-
-.np-tabText--active {
-  color: var(--lynx-console-color-fg-neutral);
 }
 
 .np-tabContent {
@@ -785,8 +480,6 @@ text {
 .np-detailSectionTitle {
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-bold);
-  color: var(--lynx-console-color-fg-neutral);
   margin-bottom: 8px;
 }
 
@@ -801,15 +494,12 @@ text {
   flex-direction: row;
   gap: 8px;
   padding: 4px 8px;
-  background-color: var(--lynx-console-color-bg-neutral-weak);
   border-radius: 2px;
 }
 
 .np-tableKey {
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-bold);
-  color: var(--lynx-console-color-fg-neutral-subtle);
   min-width: 70px;
   flex-shrink: 0;
 }
@@ -817,8 +507,6 @@ text {
 .np-tableValue {
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-regular);
-  color: var(--lynx-console-color-fg-neutral);
   word-break: break-all;
   flex: 1;
 }
@@ -826,10 +514,7 @@ text {
 .np-bodyText {
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-regular);
-  color: var(--lynx-console-color-fg-neutral);
   padding: 8px;
-  background-color: var(--lynx-console-color-bg-neutral-weak);
   border-radius: 4px;
   word-break: break-all;
   white-space: pre-wrap;
@@ -838,10 +523,7 @@ text {
 .np-errorText {
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-regular);
-  color: var(--lynx-console-color-palette-red-600);
   padding: 8px;
-  background-color: var(--lynx-console-color-palette-red-100);
   border-radius: 4px;
   word-break: break-all;
 }
@@ -849,8 +531,6 @@ text {
 .np-emptyText {
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-regular);
-  color: var(--lynx-console-color-fg-disabled);
   text-align: center;
   padding: 16px 0;
 }
@@ -870,28 +550,22 @@ text {
   margin-bottom: 8px;
   padding-bottom: 4px;
   border-bottom-width: 1px;
-  border-bottom-color: var(--lynx-console-color-stroke-neutral-subtle);
   border-bottom-style: solid;
 }
 
 .pp-count {
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-regular);
-  color: var(--lynx-console-color-fg-neutral-subtle);
 }
 
 .pp-clearButton {
   padding: 3px 6px;
-  background-color: var(--lynx-console-color-bg-neutral-weak);
   border-radius: 4px;
 }
 
 .pp-clearButtonText {
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-medium);
-  color: var(--lynx-console-color-fg-neutral-muted);
 }
 
 .pp-list {
@@ -908,14 +582,11 @@ text {
 .pp-placeholderText {
   font-size: 0.875rem;
   line-height: 1.1875rem;
-  font-weight: var(--lynx-console-font-weight-regular);
-  color: var(--lynx-console-color-fg-disabled);
 }
 
 .pp-item {
   padding: 8px;
   border-bottom-width: 1px;
-  border-bottom-color: var(--lynx-console-color-stroke-neutral-weak);
   border-bottom-style: solid;
 }
 
@@ -930,45 +601,18 @@ text {
 .pp-entryType {
   font-size: 0.75rem;
   line-height: 1rem;
-  font-weight: var(--lynx-console-font-weight-bold);
   padding: 0 6px;
   border-radius: 2px;
-  color: var(--lynx-console-color-fg-neutral);
-  background-color: var(--lynx-console-color-bg-neutral-weak);
-}
-
-.pp-entryType--init {
-  color: var(--lynx-console-color-palette-blue-600);
-  background-color: var(--lynx-console-color-palette-blue-100);
-}
-
-.pp-entryType--metric {
-  color: var(--lynx-console-color-palette-green-600);
-  background-color: var(--lynx-console-color-palette-green-100);
-}
-
-.pp-entryType--pipeline {
-  color: var(--lynx-console-color-palette-purple-600);
-  background-color: var(--lynx-console-color-palette-purple-100);
-}
-
-.pp-entryType--resource {
-  color: var(--lynx-console-color-palette-yellow-600);
-  background-color: var(--lynx-console-color-palette-yellow-100);
 }
 
 .pp-entryName {
   font-size: 0.75rem;
   line-height: 1rem;
-  font-weight: var(--lynx-console-font-weight-medium);
-  color: var(--lynx-console-color-fg-neutral);
 }
 
 .pp-timestamp {
   font-size: 0.75rem;
   line-height: 1rem;
-  font-weight: var(--lynx-console-font-weight-regular);
-  color: var(--lynx-console-color-fg-neutral-subtle);
 }
 
 .pp-fcpMetricHeader {
@@ -981,9 +625,6 @@ text {
 .pp-fcpHighlight {
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-bold);
-  color: var(--lynx-console-color-palette-blue-600);
-  background-color: var(--lynx-console-color-palette-blue-100);
   padding: 4px 8px;
   border-radius: 4px;
   margin-top: 4px;
@@ -1002,15 +643,12 @@ text {
   align-items: center;
   gap: 8px;
   padding: 4px 8px;
-  background-color: var(--lynx-console-color-bg-neutral-weak);
   border-radius: 2px;
 }
 
 .pp-metricName {
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-medium);
-  color: var(--lynx-console-color-fg-neutral-subtle);
   min-width: 100px;
   flex-shrink: 0;
 }
@@ -1018,8 +656,6 @@ text {
 .pp-metricValue {
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-bold);
-  color: var(--lynx-console-color-palette-green-600);
   flex: 1;
 }
 
@@ -1039,13 +675,10 @@ text {
 .pp-fcpSectionDescription {
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-regular);
-  color: var(--lynx-console-color-fg-neutral-subtle);
   margin-bottom: 4px;
 }
 
 .pp-fcpMetric {
-  background-color: var(--lynx-console-color-bg-layer-default);
   border-radius: 4px;
   display: flex;
   flex-direction: column;
@@ -1055,51 +688,38 @@ text {
 .pp-fcpMetricName {
   font-size: 0.75rem;
   line-height: 1rem;
-  font-weight: var(--lynx-console-font-weight-bold);
-  color: var(--lynx-console-color-fg-neutral);
 }
 
 .pp-fcpMetricValue {
   font-size: 0.6875rem;
   line-height: 0.9375rem;
-  font-weight: var(--lynx-console-font-weight-bold);
-  color: var(--lynx-console-color-palette-blue-600);
 }
 
 .pp-fcpMetricDescription {
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-regular);
-  color: var(--lynx-console-color-fg-neutral-subtle);
 }
 
 .pp-fcpMetricFormula {
   font-size: 0.875rem;
   line-height: 1.1875rem;
-  font-weight: var(--lynx-console-font-weight-regular);
-  color: var(--lynx-console-color-fg-disabled);
   font-family: monospace;
 }
 
 .pp-rawEntrySection {
   padding: 12px;
-  background-color: var(--lynx-console-color-bg-neutral-weak);
   border-radius: 4px;
 }
 
 .pp-detailTitle {
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-bold);
-  color: var(--lynx-console-color-fg-neutral);
   margin-bottom: 8px;
 }
 
 .pp-rawEntry {
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-regular);
-  color: var(--lynx-console-color-fg-neutral-subtle);
   font-family: monospace;
   white-space: pre-wrap;
   word-break: break-all;
@@ -1113,12 +733,10 @@ text {
 
 .tabs-header {
   display: flex;
-  box-shadow: inset 0 -1px 0 0 var(--lynx-console-color-stroke-neutral-subtle);
 }
 
 .tabs-triggerButton {
   flex: 1;
-  color: var(--lynx-console-color-fg-neutral-subtle);
   display: flex;
   justify-content: center;
   align-items: center;
@@ -1129,12 +747,6 @@ text {
 .tabs-triggerButtonText {
   font-size: 1rem;
   line-height: 1.375rem;
-  font-weight: var(--lynx-console-font-weight-bold);
-  color: var(--lynx-console-color-fg-neutral-subtle);
-}
-
-.tabs-triggerButtonText--active {
-  color: var(--lynx-console-color-fg-neutral);
 }
 
 .tabs-triggerButtonText--t4 {
@@ -1168,7 +780,6 @@ text {
 }
 
 .tabs-triggerIndicatorLine {
-  background-color: var(--lynx-console-color-fg-neutral);
   width: 100%;
   height: 2px;
 }
@@ -1192,7 +803,6 @@ text {
   align-items: center;
   gap: 8px;
   overflow: visible;
-  transition: transform var(--lynx-console-duration-d4) cubic-bezier(0.4, 0, 0.2, 1);
 }
 
 .fb-button {
@@ -1203,7 +813,6 @@ text {
   padding-top: 4px;
   padding-bottom: 4px;
   border-radius: 12px;
-  background-color: var(--lynx-console-color-palette-green-600);
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1225,16 +834,12 @@ text {
 .fb-title {
   font-size: 0.875rem;
   line-height: 1.1875rem;
-  font-weight: var(--lynx-console-font-weight-regular);
-  color: var(--lynx-console-color-palette-static-white);
   text-align: center;
 }
 
 .fb-subtitle {
   font-size: 0.8125rem;
   line-height: 1.125rem;
-  font-weight: var(--lynx-console-font-weight-regular);
-  color: var(--lynx-console-color-palette-static-white);
   text-align: center;
 }
 
@@ -1243,7 +848,6 @@ text {
   width: 32px;
   height: 32px;
   border-radius: 16px;
-  background-color: var(--lynx-console-color-palette-green-600);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1254,7 +858,6 @@ text {
   font-size: 20px;
   line-height: 32px;
   margin-bottom: 5px;
-  color: var(--lynx-console-color-palette-static-white);
   text-align: center;
 }