@macrostrat/style-system/dist/style-system.css

Style system for Macrostrat

/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
* {
  box-sizing: border-box;
}

:root {
  --secondary-color: #8f99a8;
  --secondary-background: #f6f7f9;
  --tertiary-background: #e5e8eb;
  --tertiary-color: #edeff2;
  --tertiary-border-color: #c5cbd3;
  --accent-color: #e5e8eb;
  --accent-hover-color: #d3d8de;
  --accent-border-color: #c5cbd3;
  --background-color: #fff;
  --panel-background-color: #fff;
  --panel-secondary-background-color: #f5f8fa;
  --translucent-panel-background-color: rgba(255, 255, 255, 0.2);
  --panel-rule-color: #ddd;
  --accent-secondary-color: #f5f8fa;
  --accent-secondary-hover-color: #ebf1f5;
  --ui-color-accent: rgb(252, 217, 250);
  --ui-color-accent-text: rgb(143, 39, 138);
  --box-horizontal-padding: 0.8em;
  --text-color: #333;
  --text-subtle-color: #555;
  --text-emphasized-color: #000;
  --card-shadow-color: rgba(17, 20, 24, 0.15);
  --error-text-color: #cd4246;
}

html, body {
  height: 100vh;
  height: -webkit-fill-available;
}

.bp6-input {
  box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}

.bp6-button {
  color: var(--text-color);
}

.bp6-control {
  color: var(--text-subtle-color) !important;
}

body {
  color: var(--text-color);
  margin: 0;
  padding: 0;
  font-family: "Source Sans Pro", sans-serif;
}
body.bp6-dark {
  color-scheme: dark;
  color: #abb3bf;
  background-color: #141a1e;
  --text-emphasized-color: #fff;
  --text-color: #abb3bf;
  --text-subtle-color: #8f99a8;
  --panel-background-color: #141a1e;
  --background-color: #141a1e;
  --panel-secondary-background-color: rgb(29.2, 37.96, 43.8);
  --translucent-panel-background-color: rgba(20, 26, 30, 0.6);
  --accent-color: rgb(38.4, 49.92, 57.6);
  --accent-hover-color: rgb(46.56, 60.528, 69.84);
  --accent-secondary-color: rgb(29.2, 37.96, 43.8);
  --accent-secondary-hover-color: rgb(37.36, 48.568, 56.04);
  --panel-rule-color: #404854;
  --secondary-color: #5f6b7c;
  --tertiary-background: #404854;
  --secondary-background: #252a31;
  --tertiary-color: #383e47;
  --tertiary-border-color: #5f6b7c;
  --accent-border-color: #5f6b7c;
  --card-shadow-color: rgba(255, 255, 255, 0.1);
  --ui-color-accent-text: rgb(252, 217, 250);
  --ui-color-accent: rgb(102.9285714286, 28.0714285714, 99.3296703297);
}
body.bp6-dark .bp6-input::placeholder {
  color: var(--secondary-color);
  box-shadow: 0 0 0 0 rgba(229, 232, 235, 0), 0 0 0 0 rgba(229, 232, 235, 0), inset 0 0 0 1px rgba(211, 216, 222, 0.15), inset 0 1px 1px rgba(211, 216, 222, 0.2);
}

.bp6-card, .bp6-navbar {
  border-radius: 4px;
  background-color: var(--panel-background-color);
  box-shadow: 0 0 0 1px var(--card-shadow-color);
}