diff --git a/web/components/AceEditor/ace-editor.css b/web/components/AceEditor/ace-editor.css
index 8c4599b5..0e35bfbb 100644
--- a/web/components/AceEditor/ace-editor.css
+++ b/web/components/AceEditor/ace-editor.css
@@ -3,7 +3,7 @@
*/
.ace-github-dark .ace_gutter {
- @apply text-white bg-ld-darkerblue;
+ @apply text-white bg-storm-600;
}
.ace-github-dark .ace_print-margin {
@@ -29,24 +29,24 @@
.ace-github-dark .ace_marker-layer .ace_selection {
@screen lg {
- @apply bg-gray-600;
+ @apply bg-stone-500;
}
}
.ace-github-dark .ace_gutter-active-line {
- @apply bg-gray-600;
+ @apply bg-stone-500;
}
.ace-github-dark .ace_entity.ace_name.ace_tag,
.ace-github-dark .ace_keyword,
.ace-github-dark .ace_meta.ace_tag,
.ace-github-dark .ace_storage {
- @apply text-ld-orange;
+ @apply text-coral-400;
}
.ace-github .ace_constant.ace_buildin,
.ace-github .ace_support.ace_function {
- @apply text-acc-hoverlinkblue;
+ @apply text-sky-600;
}
.ace-github-dark .ace_constant.ace_buildin,
diff --git a/web/components/CellButtons/index.module.css b/web/components/CellButtons/index.module.css
index cbd83d6a..73edb9c7 100644
--- a/web/components/CellButtons/index.module.css
+++ b/web/components/CellButtons/index.module.css
@@ -10,7 +10,7 @@
}
.check {
- @apply inline-block h-5 w-5 ml-1.5 mb-1 text-acc-green;
+ @apply inline-block h-5 w-5 ml-1.5 mb-1 text-green-500;
}
.error {
@@ -28,13 +28,13 @@
}
.foreignKeyDropdown {
- @apply absolute -top-[0.3rem] left-[8.2rem] bg-white widget-shadow-hover z-100 rounded px-3 py-1 border border-ld-lightgrey w-fit;
+ @apply absolute -top-[0.3rem] left-[8.2rem] bg-white widget-shadow-hover z-100 rounded px-3 py-1 border border-stone-100 w-fit;
a {
- @apply text-acc-linkblue font-semibold font-sans;
+ @apply text-link-1 font-semibold font-sans;
&:hover {
- @apply text-acc-hoverlinkblue;
+ @apply text-link-2;
}
}
}
@@ -52,9 +52,9 @@
}
.history:hover .button:disabled ~ .popup {
- @apply block absolute -top-0.5 left-24 bg-white widget-shadow-hover z-100 rounded px-3 py-2 border border-ld-lightgrey max-w-[12rem];
+ @apply block absolute -top-0.5 left-24 bg-white widget-shadow-hover z-100 rounded px-3 py-2 border border-stone-100 max-w-[12rem];
}
.loading {
- @apply italic text-ld-darkgrey;
+ @apply italic text-storm-200;
}
diff --git a/web/components/CommitGraph/utils.tsx b/web/components/CommitGraph/utils.tsx
index 1ffc3caa..77f217b4 100644
--- a/web/components/CommitGraph/utils.tsx
+++ b/web/components/CommitGraph/utils.tsx
@@ -20,14 +20,14 @@ export function getCommits(
// colors to choose from for branch paths
export const branchPathColors = [
- customColors["ld-darkblue"],
- customColors["ld-orange"],
- customColors["acc-hoverlinkblue"],
- customColors["ld-brightgreen"],
+ customColors.ocean["700"],
+ customColors.coral["400"],
+ customColors.sky["600"],
+ customColors.mint["200"],
"#C5A15A",
"#FA7978",
- customColors["acc-darkgrey"],
- customColors["acc-green"],
+ customColors.stone["500"],
+ customColors.green["500"],
"#5C5AC5",
"#EB7340",
];
diff --git a/web/components/DataTable/AddRowsButton/index.module.css b/web/components/DataTable/AddRowsButton/index.module.css
index 5e0606f5..910a798c 100644
--- a/web/components/DataTable/AddRowsButton/index.module.css
+++ b/web/components/DataTable/AddRowsButton/index.module.css
@@ -4,10 +4,10 @@
@screen lg {
@apply block fixed right-5 bottom-5 z-10;
a {
- @apply text-ld-darkgrey font-normal text-sm;
+ @apply text-storm-200 font-normal text-sm;
}
svg {
- @apply text-ld-darkgrey bg-white rounded-full;
+ @apply text-storm-200 bg-white rounded-full;
}
}
}
@@ -17,7 +17,7 @@
}
.expand {
- @apply hidden border border-ld-darkgrey rounded-2xl px-2 pb-[0.1rem] bg-white;
+ @apply hidden border border-storm-200 rounded-2xl px-2 pb-[0.1rem] bg-white;
svg {
@apply inline-block mb-[0.2rem] mr-1;
diff --git a/web/components/DataTable/Table/index.module.css b/web/components/DataTable/Table/index.module.css
index bbd65934..47693d43 100644
--- a/web/components/DataTable/Table/index.module.css
+++ b/web/components/DataTable/Table/index.module.css
@@ -39,7 +39,7 @@
th,
td {
- @apply border-b border-ld-lightgrey relative pr-10 pl-6 lg:pl-2;
+ @apply border-b border-stone-100 relative pr-10 pl-6 lg:pl-2;
&:first-of-type {
@apply pl-0 pr-1 border-none bg-white min-w-0;
@@ -50,7 +50,7 @@
@apply text-left text-primary;
}
tbody {
- @apply whitespace-nowrap text-ld-darkergrey;
+ @apply whitespace-nowrap text-stone-500;
&::after {
@apply bg-white absolute left-0 h-80 bottom-0 lg:w-[10000px];
@@ -60,16 +60,16 @@
}
tr.addedRow:hover {
- @apply bg-[#ebffef];
+ @apply bg-mint-50;
}
tr.removedRow:hover {
- @apply bg-[#fff3f4];
+ @apply bg-coral-50;
}
td.added:hover {
- @apply text-acc-green;
+ @apply text-green-500;
}
tr:hover {
- @apply bg-ld-lightblue;
+ @apply bg-stone-50;
}
}
@@ -78,23 +78,23 @@
}
.key {
- @apply inline-block ml-2 text-ld-darkgrey mb-0.5;
+ @apply inline-block ml-2 text-storm-200 mb-0.5;
}
.added {
- @apply text-acc-green;
+ @apply text-green-500;
}
.removed {
- @apply text-acc-hoverred;
+ @apply text-red-500;
}
.addedRow {
- @apply bg-[#defbe4];
+ @apply bg-green-50;
}
.removedRow {
- @apply bg-[#ffeaec];
+ @apply bg-red-50/70;
}
.cell {
@@ -109,16 +109,16 @@
}
.cellIsNull {
- @apply text-acc-grey;
+ @apply text-stone-300;
}
.cell:hover,
.active {
- @apply bg-ld-lightgrey text-primary;
+ @apply bg-stone-100 text-primary;
@screen lg {
/* Applies background color to full column on hover */
&::after {
- @apply bg-ld-lightblue absolute left-0 w-full h-[10000px] -top-[5000px];
+ @apply bg-stone-50 absolute left-0 w-full h-[10000px] -top-[5000px];
content: "\00a0";
z-index: -5;
}
@@ -131,7 +131,7 @@
@apply min-w-[20rem];
}
&:hover {
- @apply bg-gray-100;
+ @apply bg-stone-50;
}
}
@@ -162,12 +162,12 @@
}
.primaryKey {
- @apply text-acc-hoverblue;
+ @apply text-sky-900;
}
.added .cell:hover,
.added .active {
- @apply text-acc-green;
+ @apply text-green-500;
}
.addedRow .cell:hover,
@@ -177,7 +177,7 @@
.removed .cell:hover,
.removed .active {
- @apply text-acc-red;
+ @apply text-red-400;
}
.removedRow .cell:hover,
diff --git a/web/components/DataTable/index.module.css b/web/components/DataTable/index.module.css
index ad7e0b93..323bbecb 100644
--- a/web/components/DataTable/index.module.css
+++ b/web/components/DataTable/index.module.css
@@ -19,7 +19,7 @@
}
.gradientOverlay {
- @apply sticky right-0 w-12 bg-gradient-to-r from-transparent to-ld-darkgrey opacity-10;
+ @apply sticky right-0 w-12 bg-gradient-to-r from-transparent to-storm-200 opacity-10;
@screen lg {
@apply hidden;
}
diff --git a/web/components/DatabaseHeaderAndNav/AddItemDropdown/index.module.css b/web/components/DatabaseHeaderAndNav/AddItemDropdown/index.module.css
index edefc722..2ea2d584 100644
--- a/web/components/DatabaseHeaderAndNav/AddItemDropdown/index.module.css
+++ b/web/components/DatabaseHeaderAndNav/AddItemDropdown/index.module.css
@@ -19,7 +19,7 @@
}
.disabledItem {
- @apply text-ld-darkgrey font-semibold;
+ @apply text-storm-200 font-semibold;
}
.button {
diff --git a/web/components/DatabaseHeaderAndNav/index.module.css b/web/components/DatabaseHeaderAndNav/index.module.css
index b261625b..e5ae9c85 100644
--- a/web/components/DatabaseHeaderAndNav/index.module.css
+++ b/web/components/DatabaseHeaderAndNav/index.module.css
@@ -11,7 +11,7 @@
}
.headerDetails {
- @apply inline-block h-fit py-6 px-8 justify-between bg-ld-mediumblue relative;
+ @apply inline-block h-fit py-6 px-8 justify-between bg-storm-500 relative;
@screen lg {
@apply flex pt-6 h-28;
@@ -53,7 +53,7 @@
}
a {
- @apply px-0.5 hover:text-ld-blue;
+ @apply px-0.5 hover:text-sky-300;
}
@screen lg {
@@ -92,5 +92,5 @@
}
.resetButton {
- @apply mr-5 text-xl text-white hover:text-ld-lightblue hidden lg:block;
+ @apply mr-5 text-xl text-white hover:text-stone-50 hidden lg:block;
}
diff --git a/web/components/DatabaseNav/index.module.css b/web/components/DatabaseNav/index.module.css
index b652c8dc..6c9ffe69 100644
--- a/web/components/DatabaseNav/index.module.css
+++ b/web/components/DatabaseNav/index.module.css
@@ -35,7 +35,7 @@
}
.disabledTab {
- @apply flex justify-center ml-4 mr-12 text-acc-lightgrey;
+ @apply flex justify-center ml-4 mr-12 text-stone-100;
}
.innerTab {
diff --git a/web/components/DatabaseOptionsDropdown/index.module.css b/web/components/DatabaseOptionsDropdown/index.module.css
index 961bed4f..cda23024 100644
--- a/web/components/DatabaseOptionsDropdown/index.module.css
+++ b/web/components/DatabaseOptionsDropdown/index.module.css
@@ -11,7 +11,7 @@
}
.optionButton {
- @apply flex items-center text-xs mx-2 my-3 py-0.5 font-semibold hover:text-acc-hoverblue;
+ @apply flex items-center text-xs mx-2 my-3 py-0.5 font-semibold hover:text-sky-900;
.help {
@apply mb-1;
diff --git a/web/components/DatabaseTableHeader/DatabaseTableHeaderMobile/index.module.css b/web/components/DatabaseTableHeader/DatabaseTableHeaderMobile/index.module.css
index d6534c27..fe609ea8 100644
--- a/web/components/DatabaseTableHeader/DatabaseTableHeaderMobile/index.module.css
+++ b/web/components/DatabaseTableHeader/DatabaseTableHeaderMobile/index.module.css
@@ -1,5 +1,5 @@
.editorContainer {
- @apply block pt-4 px-6 pb-2 border-b-2 border-ld-lightgrey bg-ld-lightpurple;
+ @apply block pt-4 px-6 pb-2 border-b-2 border-stone-100 bg-stone-50;
@screen lg {
@apply px-6;
}
@@ -14,14 +14,14 @@
}
.sampleQueryDir {
- @apply text-sm text-ld-darkgrey font-normal;
+ @apply text-sm text-storm-200 font-normal;
@screen lg {
@apply ml-4;
}
}
.caret {
- @apply text-lg text-acc-hoverlinkblue mt-0.5 mr-4 ml-8;
+ @apply text-lg text-link-1 mt-0.5 mr-4 ml-8;
}
.err {
@@ -29,5 +29,5 @@
}
.empty {
- @apply p-6 bg-acc-hoverlinkblue text-white;
+ @apply p-6 bg-link-1 text-white;
}
diff --git a/web/components/DatabaseTableHeader/index.module.css b/web/components/DatabaseTableHeader/index.module.css
index cabe03b1..81bbb351 100644
--- a/web/components/DatabaseTableHeader/index.module.css
+++ b/web/components/DatabaseTableHeader/index.module.css
@@ -1,7 +1,7 @@
.editorContainer {
@apply hidden;
@screen lg {
- @apply block px-6 pt-4 pb-2 border-b-2 border-ld-lightgrey bg-ld-lightpurple;
+ @apply block px-6 pt-4 pb-2 border-b-2 border-stone-100 bg-stone-50;
}
}
@@ -22,13 +22,13 @@
}
.sampleQueryDir {
- @apply text-sm text-ld-darkgrey ml-4 font-normal;
+ @apply text-sm text-storm-200 ml-4 font-normal;
button {
@apply font-semibold;
&:hover {
- @apply text-acc-linkblue;
+ @apply text-button-2;
}
&:focus {
diff --git a/web/components/DatabaseTableNav/Section/index.module.css b/web/components/DatabaseTableNav/Section/index.module.css
index 50a9fb16..a546c8ed 100644
--- a/web/components/DatabaseTableNav/Section/index.module.css
+++ b/web/components/DatabaseTableNav/Section/index.module.css
@@ -1,5 +1,5 @@
.section {
- @apply border-ld-lightgrey;
+ @apply border-stone-100;
}
.icon {
diff --git a/web/components/DatabaseTableNav/index.module.css b/web/components/DatabaseTableNav/index.module.css
index 2a02f860..e64ee4b4 100644
--- a/web/components/DatabaseTableNav/index.module.css
+++ b/web/components/DatabaseTableNav/index.module.css
@@ -1,7 +1,7 @@
.container {
@apply hidden;
@screen lg {
- @apply bg-ld-lightpurple pt-5 flex flex-col;
+ @apply bg-stone-50 pt-5 flex flex-col;
}
}
@@ -16,9 +16,9 @@
}
.showForMobile {
- @apply flex flex-col fixed top-0 right-0 left-0 bottom-0 bg-ld-lightpurple z-50 w-full py-6;
+ @apply flex flex-col fixed top-0 right-0 left-0 bottom-0 bg-stone-50 z-50 w-full py-6;
ol {
- @apply bg-ld-lightpurple;
+ @apply bg-stone-50;
}
}
@@ -49,10 +49,10 @@
}
.createBranchDisabled a {
- @apply text-acc-darkgrey;
+ @apply text-stone-500;
&:hover {
- @apply text-acc-darkgrey;
+ @apply text-stone-500;
}
}
@@ -79,7 +79,7 @@
@apply text-sm;
li {
- @apply mx-4 px-2 text-acc-hoverlinkblue;
+ @apply mx-4 px-2 text-link-1;
}
}
@@ -88,7 +88,7 @@
}
.tableNavTrigger {
- @apply fixed right-5 bottom-5 z-50 w-14 h-14 rounded-full bg-acc-hoverlinkblue flex justify-center items-center;
+ @apply fixed right-5 bottom-5 z-50 w-14 h-14 rounded-full bg-link-1 flex justify-center items-center;
span,
svg {
diff --git a/web/components/DatabasesDropdown/index.module.css b/web/components/DatabasesDropdown/index.module.css
index 3c88c54e..98021993 100644
--- a/web/components/DatabasesDropdown/index.module.css
+++ b/web/components/DatabasesDropdown/index.module.css
@@ -7,10 +7,10 @@
}
.createDBButton {
- @apply text-white bg-acc-hoverlinkblue px-1 w-full py-1 rounded-b-lg;
+ @apply text-white bg-button-1 px-1 w-full py-1 rounded-b-lg;
&:hover {
- @apply text-white bg-acc-linkblue;
+ @apply text-white bg-button-2;
}
}
diff --git a/web/components/DiffStat/SummaryStat.module.css b/web/components/DiffStat/SummaryStat.module.css
index 1e572b95..128b319b 100644
--- a/web/components/DiffStat/SummaryStat.module.css
+++ b/web/components/DiffStat/SummaryStat.module.css
@@ -15,17 +15,17 @@
}
.num {
- @apply mr-1 font-semibold text-ld-darkgrey;
+ @apply mr-1 font-semibold text-storm-200;
}
.green {
- @apply text-acc-green;
+ @apply text-green-400;
}
.red {
- @apply text-acc-red;
+ @apply text-red-300;
}
.blue {
- @apply text-ld-mediumblue;
+ @apply text-sky-600;
}
diff --git a/web/components/DiffStat/index.module.css b/web/components/DiffStat/index.module.css
index 9fc71a1b..7e57426d 100644
--- a/web/components/DiffStat/index.module.css
+++ b/web/components/DiffStat/index.module.css
@@ -1,5 +1,5 @@
.summary {
- @apply relative text-sm text-primary overflow-x-auto whitespace-nowrap border-b border-ld-lightgrey mx-3 pb-5 px-2 lg:px-0;
+ @apply relative text-sm text-primary overflow-x-auto whitespace-nowrap border-b border-stone-100 mx-3 pb-5 px-2 lg:px-0;
-ms-overflow-style: none;
scrollbar-width: none;
&::-webkit-scrollbar {
diff --git a/web/components/DiffTable/DataDiff/index.module.css b/web/components/DiffTable/DataDiff/index.module.css
index 56d0ffea..384e3c53 100644
--- a/web/components/DiffTable/DataDiff/index.module.css
+++ b/web/components/DiffTable/DataDiff/index.module.css
@@ -3,7 +3,7 @@
}
.line {
- @apply absolute top-0 w-full border-t border-ld-lightgrey h-2;
+ @apply absolute top-0 w-full border-t border-stone-100 h-2;
}
.topPadding {
@@ -23,7 +23,7 @@
}
.diffTable {
- @apply leading-loose text-sm font-mono border-separate z-1 pt-2 pr-10 border-ld-lightgrey overflow-hidden pb-4 lg:pb-40;
+ @apply leading-loose text-sm font-mono border-separate z-1 pt-2 pr-10 border-stone-100 overflow-hidden pb-4 lg:pb-40;
border-spacing: 0;
th {
@@ -31,7 +31,7 @@
}
th,
td {
- @apply pr-8 pl-2 border-b border-ld-lightgrey relative;
+ @apply pr-8 pl-2 border-b border-stone-100 relative;
&:first-of-type {
@apply min-w-0;
@@ -41,7 +41,7 @@
@apply text-left text-primary;
}
tbody {
- @apply whitespace-nowrap text-ld-darkgrey relative;
+ @apply whitespace-nowrap text-storm-200 relative;
&::after {
@apply bg-white absolute left-0 w-[10000px] h-40 -bottom-40;
@@ -60,7 +60,7 @@
}
.key {
- @apply inline-block ml-2 text-ld-darkgrey mb-0.5;
+ @apply inline-block ml-2 text-storm-200 mb-0.5;
}
.diffTableColsHidden {
@@ -68,7 +68,7 @@
}
.cell {
- @apply text-ld-darkgrey min-w-[130px] max-w-[400px];
+ @apply text-storm-200 min-w-[130px] max-w-[400px];
}
.longContent {
@@ -79,7 +79,7 @@
}
.isNull {
- @apply text-acc-grey;
+ @apply text-stone-300;
}
.dropdownButton {
@@ -97,18 +97,18 @@
.clicked:hover,
.headCell:hover,
.clicked:focus-within {
- @apply bg-ld-lightblue;
+ @apply bg-stone-50;
}
.minus {
- @apply text-acc-red text-right;
+ @apply text-red-400 text-right;
}
.deleted {
- @apply text-acc-red;
+ @apply text-red-400;
}
.added {
- @apply text-acc-green;
+ @apply text-green-500;
}
.toTop {
@@ -120,11 +120,11 @@
}
.rowDeleted {
- @apply bg-[#ffeaec];
+ @apply bg-red-50/70;
}
.rowAdded {
- @apply bg-[#defbe4];
+ @apply bg-green-50;
}
.hiddenContainer {
@@ -145,10 +145,10 @@
}
.hiddenCol {
- @apply bg-ld-lightpurple rounded mx-[.2rem] my-[.6rem] pl-2 border border-ld-lightgrey inline-flex items-center;
+ @apply bg-stone-50 rounded mx-[.2rem] my-[.6rem] pl-2 border border-stone-100 inline-flex items-center;
&:hover {
- @apply bg-ld-lightblue;
+ @apply bg-stone-50;
}
button {
@@ -240,11 +240,11 @@
}
.deletedRow:hover {
- @apply visible rounded-full text-ld-darkergrey bg-opacity-50 bg-[#ffeaec];
+ @apply visible rounded-full text-stone-500 bg-opacity-50 bg-red-50;
}
.addedRow:hover {
- @apply visible rounded-full bg-opacity-50 text-ld-darkergrey bg-[#defbe4];
+ @apply visible rounded-full bg-opacity-50 text-stone-500 bg-green-50;
}
.firstCell {
diff --git a/web/components/DiffTable/DiffTableStats/SummaryStat/index.module.css b/web/components/DiffTable/DiffTableStats/SummaryStat/index.module.css
index 0e5909d4..a804cfb1 100644
--- a/web/components/DiffTable/DiffTableStats/SummaryStat/index.module.css
+++ b/web/components/DiffTable/DiffTableStats/SummaryStat/index.module.css
@@ -8,17 +8,17 @@
}
.num {
- @apply mr-1 font-semibold text-ld-darkgrey;
+ @apply mr-1 font-semibold text-storm-200;
}
.green {
- @apply text-acc-green;
+ @apply text-green-400;
}
.red {
- @apply text-acc-red;
+ @apply text-red-300;
}
.percent {
- @apply text-ld-darkgrey pl-1;
+ @apply text-storm-200 pl-1;
}
diff --git a/web/components/DiffTable/index.module.css b/web/components/DiffTable/index.module.css
index 5652f31e..ed81a7b5 100644
--- a/web/components/DiffTable/index.module.css
+++ b/web/components/DiffTable/index.module.css
@@ -15,7 +15,7 @@
}
.schemaSection {
- @apply mx-6 pt-7 border-t border-ld-lightgrey overflow-x-auto lg:overflow-x-visible;
+ @apply mx-6 pt-7 border-t border-stone-100 overflow-x-auto lg:overflow-x-visible;
h2 {
@apply mb-2;
@@ -23,7 +23,7 @@
}
.buttons {
- @apply mx-2 text-acc-hoverlinkblue;
+ @apply mx-2 text-button-1;
button {
@apply pb-2 mr-4 px-6 font-semibold;
@@ -33,11 +33,11 @@
}
&:disabled {
- @apply text-ld-darkgrey cursor-default;
+ @apply text-storm-200 cursor-default;
}
}
}
.active {
- @apply text-ld-orange border-b-3 border-ld-orange;
+ @apply text-coral-400 border-b-3 border-coral-400;
}
diff --git a/web/components/DiffTableNav/CommitInfo/index.module.css b/web/components/DiffTableNav/CommitInfo/index.module.css
index 89061a5b..a0720cee 100644
--- a/web/components/DiffTableNav/CommitInfo/index.module.css
+++ b/web/components/DiffTableNav/CommitInfo/index.module.css
@@ -23,14 +23,14 @@
}
.committer {
- @apply mt-0.5 mb-2.5 text-ld-darkgrey;
+ @apply mt-0.5 mb-2.5 text-storm-200;
}
.userLink {
- @apply text-ld-darkgrey;
+ @apply text-storm-200;
&:hover {
- @apply text-ld-darkergrey;
+ @apply text-stone-500;
}
}
@@ -41,7 +41,7 @@
@apply text-primary;
&:hover {
- @apply text-acc-hoverblue;
+ @apply text-sky-900;
}
}
}
diff --git a/web/components/DiffTableNav/DiffTableStats/index.module.css b/web/components/DiffTableNav/DiffTableStats/index.module.css
index 60312705..94573114 100644
--- a/web/components/DiffTableNav/DiffTableStats/index.module.css
+++ b/web/components/DiffTableNav/DiffTableStats/index.module.css
@@ -11,7 +11,7 @@
}
.name {
- @apply ml-2 text-sm font-semibold text-ld-darkgrey flex items-center;
+ @apply ml-2 text-sm font-semibold text-storm-200 flex items-center;
}
.icon {
@@ -31,11 +31,11 @@
}
.iconAdded {
- @apply text-acc-green;
+ @apply text-green-400;
}
.iconDropped {
- @apply text-acc-red;
+ @apply text-red-300;
}
.iconModified {
diff --git a/web/components/DiffTableNav/index.module.css b/web/components/DiffTableNav/index.module.css
index 60ecc2b9..d25a9245 100644
--- a/web/components/DiffTableNav/index.module.css
+++ b/web/components/DiffTableNav/index.module.css
@@ -1,5 +1,5 @@
.container {
- @apply bg-ld-lightpurple pt-3 flex flex-col;
+ @apply bg-stone-50 pt-3 flex flex-col;
}
.whiteBg {
@@ -28,29 +28,29 @@
}
.menuIcon {
- @apply text-ld-blue cursor-pointer mt-2.5 ml-2 mr-2 pb-0 mb-5 hidden sm:block;
+ @apply text-sky-300 cursor-pointer mt-2.5 ml-2 mr-2 pb-0 mb-5 hidden sm:block;
}
.backButton {
@apply mr-4 mt-1;
button {
- @apply px-1 bg-opacity-0 shadow-none border-none text-acc-hoverlinkblue;
+ @apply px-1 bg-opacity-0 shadow-none border-none text-button-1;
&:hover,
&:focus {
- @apply bg-opacity-0 shadow-none border-none text-acc-linkblue;
+ @apply bg-opacity-0 shadow-none border-none text-button-2;
}
@screen lg {
- @apply w-48 rounded py-1 outline-none text-white text-sm font-semibold leading-relaxed button-shadow bg-acc-hoverlinkblue;
+ @apply w-48 rounded py-1 outline-none text-white text-sm font-semibold leading-relaxed button-shadow bg-button-1;
&:hover {
- @apply button-shadow-hover bg-acc-linkblue text-white;
+ @apply button-shadow-hover bg-button-2 text-white;
}
&:focus {
- @apply outline-none widget-shadow-lightblue bg-acc-linkblue text-white;
+ @apply outline-none widget-shadow-lightblue bg-button-2 text-white;
}
}
}
@@ -68,7 +68,7 @@
}
.wkOverview {
- @apply flex flex-wrap border-b border-ld-lightgrey mb-2;
+ @apply flex flex-wrap border-b border-stone-100 mb-2;
h1 {
@apply mt-4 mr-12;
diff --git a/web/components/EditCellInput/index.module.css b/web/components/EditCellInput/index.module.css
index 0db1cb2b..7d8fda18 100644
--- a/web/components/EditCellInput/index.module.css
+++ b/web/components/EditCellInput/index.module.css
@@ -18,20 +18,20 @@
}
button:last-child {
- @apply text-acc-red;
+ @apply text-red-400;
}
}
.textButton {
- @apply text-ld-darkgrey;
+ @apply text-storm-200;
}
.noTextIcon {
- @apply absolute text-base top-[0.2rem] -left-[0.1rem] text-acc-hoverred;
+ @apply absolute text-base top-[0.2rem] -left-[0.1rem] text-red-500;
}
.editInput {
- @apply text-primary px-2 border border-ld-lightgrey rounded-sm bg-ld-lightblue mr-3;
+ @apply text-primary px-2 border border-stone-100 rounded-sm bg-stone-50 mr-3;
&:focus {
@apply outline-none widget-shadow-lightblue;
diff --git a/web/components/FormSelectForRefs/BranchAndTagSelector.tsx b/web/components/FormSelectForRefs/BranchAndTagSelector.tsx
index a6660611..bdb7a28d 100644
--- a/web/components/FormSelectForRefs/BranchAndTagSelector.tsx
+++ b/web/components/FormSelectForRefs/BranchAndTagSelector.tsx
@@ -84,6 +84,7 @@ export default function BranchAndTagSelector(props: Props) {
outerClassName={props.className}
className={css.branchAndTagSelect}
selectedOptionFirst
+ light
/>
);
}
diff --git a/web/components/FormSelectForRefs/index.module.css b/web/components/FormSelectForRefs/index.module.css
index 5f07e8fc..46cbaaf9 100644
--- a/web/components/FormSelectForRefs/index.module.css
+++ b/web/components/FormSelectForRefs/index.module.css
@@ -15,5 +15,5 @@
}
.doltDisabled {
- @apply bg-ld-lightblue border border-ld-darkgrey px-2.5 py-2 rounded text-sm;
+ @apply bg-stone-50 border border-storm-200 px-2.5 py-2 rounded text-sm;
}
diff --git a/web/components/Navbar/index.tsx b/web/components/Navbar/index.tsx
index 70829715..adcad668 100644
--- a/web/components/Navbar/index.tsx
+++ b/web/components/Navbar/index.tsx
@@ -11,7 +11,7 @@ export default function Nav() {
logo={}
leftLinks={}
rightLinks={}
- bgColor="bg-ld-darkerblue"
+ bgColor="bg-storm-600"
/>
);
}
diff --git a/web/components/Page404/index.module.css b/web/components/Page404/index.module.css
index d5ff6725..0f5874d6 100644
--- a/web/components/Page404/index.module.css
+++ b/web/components/Page404/index.module.css
@@ -15,7 +15,7 @@
}
.code {
- @apply bg-gray-600 mx-auto font-mono pb-3 rounded-xl text-white tracking-tighter w-[350px] text-[0.3rem];
+ @apply bg-stone-500 mx-auto font-mono pb-3 rounded-xl text-white tracking-tighter w-[350px] text-[0.3rem];
code {
@apply text-center;
diff --git a/web/components/PullStateLabel/index.module.css b/web/components/PullStateLabel/index.module.css
index 77c660fe..0afccc95 100644
--- a/web/components/PullStateLabel/index.module.css
+++ b/web/components/PullStateLabel/index.module.css
@@ -1,14 +1,11 @@
.state {
- @apply inline-block rounded-full text-sm text-center mb-1 py-0.5 uppercase;
- width: 4.5rem;
+ @apply inline-block rounded-full text-sm text-center mb-1 py-0.5 uppercase w-[4.5rem];
}
.Open {
- @apply text-acc-green;
- background-color: #d8f5e6;
+ @apply text-green-500 bg-green-50;
}
.Merged {
- @apply text-acc-pink;
- background-color: #fae9fa;
+ @apply text-purple-400 bg-purple-50;
}
diff --git a/web/components/SchemaDiagram/index.module.css b/web/components/SchemaDiagram/index.module.css
index 5c7d4ed8..79fba90d 100644
--- a/web/components/SchemaDiagram/index.module.css
+++ b/web/components/SchemaDiagram/index.module.css
@@ -3,11 +3,11 @@
}
.node {
- @apply leading-loose text-sm font-mono border-ld-lightgrey bg-ld-lightgrey border p-3 rounded-md z-1 overflow-x-auto relative max-w-[200px];
+ @apply leading-loose text-sm font-mono border-stone-100 bg-stone-100 border p-3 rounded-md z-1 overflow-x-auto relative max-w-[200px];
border-spacing: 0;
td,
th {
- @apply pr-6 pl-6 border-b border-ld-lightgrey relative;
+ @apply pr-6 pl-6 border-b border-stone-100 relative;
@screen md {
@apply pl-2;
}
@@ -15,7 +15,7 @@
th {
@apply font-bold whitespace-nowrap;
&:first-of-type {
- @apply pl-2 pr-1 border-none bg-acc-hoverblue text-white min-w-0;
+ @apply pl-2 pr-1 border-none bg-sky-900 text-white min-w-0;
}
}
@@ -24,14 +24,14 @@
@apply pl-2 pr-1 border-none bg-white min-w-0;
}
&:hover {
- @apply bg-ld-lightblue;
+ @apply bg-stone-50;
}
}
thead {
@apply text-left text-primary;
}
tbody {
- @apply whitespace-nowrap text-ld-darkergrey;
+ @apply whitespace-nowrap text-stone-500;
}
}
diff --git a/web/components/SchemaFragment/index.module.css b/web/components/SchemaFragment/index.module.css
index 336ff916..d7502acc 100644
--- a/web/components/SchemaFragment/index.module.css
+++ b/web/components/SchemaFragment/index.module.css
@@ -22,7 +22,7 @@
}
&:hover {
- @apply text-acc-hoverblue;
+ @apply text-sky-900;
}
&:focus {
diff --git a/web/components/SchemaList/index.module.css b/web/components/SchemaList/index.module.css
index 4318cb77..cc245450 100644
--- a/web/components/SchemaList/index.module.css
+++ b/web/components/SchemaList/index.module.css
@@ -26,7 +26,7 @@
@apply opacity-100;
&:hover {
- @apply text-acc-hoverblue;
+ @apply text-sky-900;
}
}
@@ -40,15 +40,15 @@
.selected,
.item:hover {
- @apply bg-white text-acc-linkblue;
+ @apply bg-white text-link-2;
}
.name {
- @apply text-acc-hoverlinkblue text-sm font-semibold;
+ @apply text-link-1 text-sm font-semibold;
}
.viewing {
- @apply py-0.5 mr-4 text-ld-orange font-semibold text-sm;
+ @apply py-0.5 mr-4 text-coral-400 font-semibold text-sm;
}
.smallLoader {
diff --git a/web/components/SchemasDropdown/index.module.css b/web/components/SchemasDropdown/index.module.css
index 9afcb502..a993b83b 100644
--- a/web/components/SchemasDropdown/index.module.css
+++ b/web/components/SchemasDropdown/index.module.css
@@ -7,10 +7,10 @@
}
.createButton {
- @apply text-white bg-acc-hoverlinkblue px-1 w-full py-1 rounded-b-lg;
+ @apply text-white bg-button-1 px-1 w-full py-1 rounded-b-lg;
&:hover {
- @apply text-white bg-acc-linkblue;
+ @apply text-white bg-button-2;
}
}
diff --git a/web/components/SqlEditor/MobileSqlEditor/index.module.css b/web/components/SqlEditor/MobileSqlEditor/index.module.css
index 55ba4e1e..f152f033 100644
--- a/web/components/SqlEditor/MobileSqlEditor/index.module.css
+++ b/web/components/SqlEditor/MobileSqlEditor/index.module.css
@@ -1,5 +1,5 @@
.editor {
- @apply fixed top-0 bottom-0 right-0 left-0 flex flex-col bg-ld-lightpurple z-100 p-6;
+ @apply fixed top-0 bottom-0 right-0 left-0 flex flex-col bg-stone-50 z-100 p-6;
}
.bottom {
@apply flex mt-20;
@@ -14,5 +14,5 @@
@apply text-white mr-2 h-3 w-3;
}
.cancel {
- @apply ml-8 bg-opacity-0 border-none text-acc-hoverlinkblue shadow-none;
+ @apply ml-8 bg-opacity-0 border-none text-link-1 shadow-none;
}
diff --git a/web/components/SqlEditor/index.module.css b/web/components/SqlEditor/index.module.css
index b652839b..e9f82233 100644
--- a/web/components/SqlEditor/index.module.css
+++ b/web/components/SqlEditor/index.module.css
@@ -1,5 +1,5 @@
.ace {
- @apply pt-4 pb-6 pr-5 pl-2 mb-0 mx-1 rounded-sm flex flex-nowrap flex-grow bg-ld-darkerblue max-w-full relative;
+ @apply pt-4 pb-6 pr-5 pl-2 mb-0 mx-1 rounded-sm flex flex-nowrap flex-grow bg-storm-600 max-w-full relative;
&:focus-within {
@apply widget-shadow;
@@ -7,7 +7,7 @@
}
.editor {
- @apply overflow-hidden w-full bg-ld-darkerblue;
+ @apply overflow-hidden w-full bg-storm-600;
}
.sidebar {
@@ -31,7 +31,7 @@
}
.tooltip {
- @apply text-black;
+ @apply text-primary;
}
.code {
@@ -47,10 +47,10 @@
}
.question {
- @apply text-sm text-blue-400 absolute flex bottom-1 left-4 opacity-80;
+ @apply text-sm text-sky-400 absolute flex bottom-1 left-4 opacity-80;
p {
- @apply text-sm text-blue-400 mr-6 tracking-wide;
+ @apply text-sm text-sky-400 mr-6 tracking-wide;
}
}
diff --git a/web/components/TableList/Item/index.module.css b/web/components/TableList/Item/index.module.css
index fa02c598..93690b5e 100644
--- a/web/components/TableList/Item/index.module.css
+++ b/web/components/TableList/Item/index.module.css
@@ -23,7 +23,7 @@
@apply opacity-100;
&:hover {
- @apply text-acc-hoverblue;
+ @apply text-sky-900;
}
}
@@ -39,14 +39,14 @@
@apply hidden;
@screen lg {
- @apply flex p-3 text-acc-hoverlinkblue font-semibold w-full text-sm;
+ @apply flex p-3 text-link-1 font-semibold w-full text-sm;
svg {
@apply inline-block text-sm mt-1 mr-2;
}
&:hover {
- @apply text-acc-linkblue;
+ @apply text-link-2;
}
&:focus {
@@ -60,7 +60,7 @@
}
.mobileTableLink {
- @apply flex justify-between mx-2 p-3 text-acc-hoverlinkblue font-semibold w-full text-sm lg:hidden;
+ @apply flex justify-between mx-2 p-3 text-link-1 font-semibold w-full text-sm lg:hidden;
}
.right {
@@ -72,5 +72,5 @@
}
.tableStatus {
- @apply text-ld-orange pr-4 mr-1 font-semibold;
+ @apply text-coral-400 pr-4 mr-1 font-semibold;
}
diff --git a/web/components/TableList/index.module.css b/web/components/TableList/index.module.css
index ea418b73..0ca36080 100644
--- a/web/components/TableList/index.module.css
+++ b/web/components/TableList/index.module.css
@@ -1,10 +1,10 @@
.addTable {
@apply hidden;
@screen lg {
- @apply flex my-8 mx-3 text-sm text-acc-hoverblue;
+ @apply flex my-8 mx-3 text-sm text-sky-900;
&:hover {
- @apply text-acc-linkblue;
+ @apply text-link-2;
}
svg {
diff --git a/web/components/UserNameWithIcon/index.module.css b/web/components/UserNameWithIcon/index.module.css
index 8a20d5b1..06c022c2 100644
--- a/web/components/UserNameWithIcon/index.module.css
+++ b/web/components/UserNameWithIcon/index.module.css
@@ -9,13 +9,13 @@
.A,
.B,
.C {
- @apply bg-red-200;
+ @apply bg-red-50;
}
.D,
.E,
.F {
- @apply bg-orange-200;
+ @apply bg-orange-50;
}
.G,
@@ -27,25 +27,25 @@
.J,
.K,
.L {
- @apply bg-green-200;
+ @apply bg-green-100;
}
.M,
.N,
.O {
- @apply bg-blue-200;
+ @apply bg-sky-100;
}
.P,
.Q,
.R {
- @apply bg-purple-200;
+ @apply bg-purple-100;
}
.S,
.T,
.U {
- @apply bg-pink-200;
+ @apply bg-pink-50;
}
.V,
@@ -56,5 +56,5 @@
.Y,
.Z {
- @apply bg-teal-200;
+ @apply bg-mint-50;
}
diff --git a/web/components/Views/index.module.css b/web/components/Views/index.module.css
index 51a51e2c..543ce9c5 100644
--- a/web/components/Views/index.module.css
+++ b/web/components/Views/index.module.css
@@ -22,7 +22,7 @@
@apply opacity-100;
&:hover {
- @apply text-acc-hoverblue;
+ @apply text-sky-900;
}
}
@@ -36,13 +36,13 @@
.selected,
.item:hover {
- @apply bg-white text-acc-linkblue;
+ @apply bg-white text-link-2;
}
.name {
- @apply text-acc-hoverlinkblue text-sm font-semibold;
+ @apply text-link-1 text-sm font-semibold;
}
.viewing {
- @apply py-0.5 mr-4 text-ld-orange font-semibold text-sm;
+ @apply py-0.5 mr-4 text-coral-400 font-semibold text-sm;
}
diff --git a/web/components/breadcrumbs/Breadcrumb/index.module.css b/web/components/breadcrumbs/Breadcrumb/index.module.css
index 148604d2..b27aca62 100644
--- a/web/components/breadcrumbs/Breadcrumb/index.module.css
+++ b/web/components/breadcrumbs/Breadcrumb/index.module.css
@@ -15,6 +15,6 @@
.link {
a {
- @apply leading-5 font-normal text-ld-blue;
+ @apply leading-5 font-normal text-sky-300;
}
}
diff --git a/web/components/breadcrumbs/index.module.css b/web/components/breadcrumbs/index.module.css
index 46a03c1a..c6f56728 100644
--- a/web/components/breadcrumbs/index.module.css
+++ b/web/components/breadcrumbs/index.module.css
@@ -1,5 +1,5 @@
.crumbs {
- @apply text-ld-darkgrey flex items-start;
+ @apply text-storm-200 flex items-start;
*,
a {
@apply text-base;
diff --git a/web/components/layouts/DatabaseLayout/index.module.css b/web/components/layouts/DatabaseLayout/index.module.css
index 7284fc07..4e89830f 100644
--- a/web/components/layouts/DatabaseLayout/index.module.css
+++ b/web/components/layouts/DatabaseLayout/index.module.css
@@ -3,16 +3,16 @@
max-height: calc(100vh - 80px);
@screen lg {
- @apply relative h-screen overflow-hidden bg-ld-lightpurple max-h-full;
+ @apply relative h-screen overflow-hidden bg-stone-50 max-h-full;
}
}
.layoutWrapperContainer {
- @apply bg-ld-lightpurple;
+ @apply bg-stone-50;
}
.content {
- @apply flex flex-col relative bottom-0 left-0 right-0 top-0 bg-ld-lightpurple;
+ @apply flex flex-col relative bottom-0 left-0 right-0 top-0 bg-stone-50;
@screen lg {
@apply flex-row absolute top-40;
@@ -28,7 +28,7 @@
}
.rightContent {
- @apply flex flex-col flex-grow min-w-0 min-h-0 border-l-0 border-ld-lightgrey;
+ @apply flex flex-col flex-grow min-w-0 min-h-0 border-l-0 border-stone-100;
@screen lg {
@apply border-l-2;
diff --git a/web/components/layouts/MainLayout/index.module.css b/web/components/layouts/MainLayout/index.module.css
index babfb07e..d0544c39 100644
--- a/web/components/layouts/MainLayout/index.module.css
+++ b/web/components/layouts/MainLayout/index.module.css
@@ -1,5 +1,5 @@
.layout {
- @apply bg-ld-grey h-full;
+ @apply bg-stone-50 h-full;
min-height: 100vh;
footer {
diff --git a/web/components/links/index.module.css b/web/components/links/index.module.css
index de8ce66e..cfc4efc8 100644
--- a/web/components/links/index.module.css
+++ b/web/components/links/index.module.css
@@ -1,7 +1,7 @@
.link {
- @apply text-acc-hoverlinkblue font-semibold no-underline;
+ @apply text-link-1 font-semibold no-underline;
&:hover {
- @apply text-acc-linkblue;
+ @apply text-link-2;
}
}
diff --git a/web/components/pageComponents/ConnectionsPage/index.module.css b/web/components/pageComponents/ConnectionsPage/index.module.css
index 66e7d0cf..f41e333e 100644
--- a/web/components/pageComponents/ConnectionsPage/index.module.css
+++ b/web/components/pageComponents/ConnectionsPage/index.module.css
@@ -1,5 +1,5 @@
.container {
- @apply max-w-6xl py-24 bg-ld-grey;
+ @apply max-w-6xl py-24 bg-stone-50;
}
.inner {
diff --git a/web/components/pageComponents/DatabasePage/ForBranches/BranchesPage/index.module.css b/web/components/pageComponents/DatabasePage/ForBranches/BranchesPage/index.module.css
index 33fc12e2..d6405a58 100644
--- a/web/components/pageComponents/DatabasePage/ForBranches/BranchesPage/index.module.css
+++ b/web/components/pageComponents/DatabasePage/ForBranches/BranchesPage/index.module.css
@@ -19,7 +19,7 @@
}
.table {
- @apply border border-ld-lightgrey border-separate rounded-lg text-primary mx-auto my-10 overflow-x-auto block;
+ @apply border border-stone-100 border-separate rounded-lg text-primary mx-auto my-10 overflow-x-auto block;
border-spacing: 0;
@screen lg {
@@ -33,11 +33,11 @@
}
th {
- @apply pt-6 pb-2 bg-ld-lightblue;
+ @apply pt-6 pb-2 bg-stone-50;
}
td {
- @apply border-t border-ld-lightgrey py-3;
+ @apply border-t border-stone-100 py-3;
}
tr:first-child {
@@ -67,29 +67,5 @@
}
.iconGray {
- @apply fill-ld-darkgrey;
-}
-
-.pull {
- @apply w-48;
-}
-
-.pullRequest {
- @apply flex justify-start;
-}
-
-.pullLink {
- @apply w-10;
-}
-
-.pullState {
- @apply w-[4.5rem];
-}
-
-.createPullRequest {
- @apply px-3 bg-ld-blue/25 text-acc-linkblue text-sm;
-
- &:hover {
- @apply bg-ld-blue text-white;
- }
+ @apply fill-storm-200;
}
diff --git a/web/components/pageComponents/DatabasePage/ForBranches/NewBranchPage/NewBranchForm/index.module.css b/web/components/pageComponents/DatabasePage/ForBranches/NewBranchPage/NewBranchForm/index.module.css
index 48e50faf..f07aa033 100644
--- a/web/components/pageComponents/DatabasePage/ForBranches/NewBranchPage/NewBranchForm/index.module.css
+++ b/web/components/pageComponents/DatabasePage/ForBranches/NewBranchPage/NewBranchForm/index.module.css
@@ -9,7 +9,7 @@
.input {
@apply mt-4 px-0;
input {
- @apply text-sm rounded bg-ld-lightblue border border-acc-lightgrey;
+ @apply text-sm rounded bg-stone-50 border border-stone-100;
&:focus {
@apply bg-white;
diff --git a/web/components/pageComponents/DatabasePage/ForCommits/CommitLog/index.module.css b/web/components/pageComponents/DatabasePage/ForCommits/CommitLog/index.module.css
index 0ee0cc98..81735fa6 100644
--- a/web/components/pageComponents/DatabasePage/ForCommits/CommitLog/index.module.css
+++ b/web/components/pageComponents/DatabasePage/ForCommits/CommitLog/index.module.css
@@ -15,7 +15,7 @@
}
.list {
- @apply pl-6 border-ld-lightgrey border-l-[1.5px] mr-4 ml-6 py-2;
+ @apply pl-6 border-stone-100 border-l-[1.5px] mr-4 ml-6 py-2;
@screen lg {
@apply ml-32 mr-10 px-10;
@@ -36,12 +36,12 @@
@apply relative rounded-lg my-3 py-4 text-sm;
@screen lg {
- @apply border border-ld-lightblue px-6;
+ @apply border border-stone-50 px-6;
}
}
.activeItem {
- @apply border-ld-orange;
+ @apply border-coral-400;
}
.header {
@@ -52,17 +52,17 @@
}
.bullet {
- @apply border-ld-lightgrey h-3 w-3 absolute bg-white rounded-full -left-[1.9rem] border-[1.5px] top-[0.4rem];
+ @apply border-stone-100 h-3 w-3 absolute bg-white rounded-full -left-[1.9rem] border-[1.5px] top-[0.4rem];
@screen lg {
@apply -left-[2.9rem];
}
}
.commitId {
- @apply font-semibold text-ld-darkgrey;
+ @apply font-semibold text-storm-200;
@screen lg {
&:hover {
- @apply text-acc-lightgrey;
+ @apply text-stone-100;
}
}
}
@@ -83,7 +83,7 @@
width: calc(100% - 30px);
.showForMobile {
- @apply text-acc-hoverblue break-words font-semibold mb-0;
+ @apply text-sky-900 break-words font-semibold mb-0;
}
}
@@ -92,7 +92,7 @@
}
.timeago {
- @apply text-ld-darkgrey;
+ @apply text-storm-200;
}
.loading {
diff --git a/web/components/pageComponents/DatabasePage/ForCreateTable/index.module.css b/web/components/pageComponents/DatabasePage/ForCreateTable/index.module.css
index 27be8c0c..9f40ba07 100644
--- a/web/components/pageComponents/DatabasePage/ForCreateTable/index.module.css
+++ b/web/components/pageComponents/DatabasePage/ForCreateTable/index.module.css
@@ -11,7 +11,7 @@
}
.cancel {
- @apply mt-10 text-base text-ld-darkgrey;
+ @apply mt-10 text-base text-storm-200;
}
.getStartedContainer {
diff --git a/web/components/pageComponents/DatabasePage/ForDocs/NoDocsMsg/index.module.css b/web/components/pageComponents/DatabasePage/ForDocs/NoDocsMsg/index.module.css
index a7479d87..fc939a64 100644
--- a/web/components/pageComponents/DatabasePage/ForDocs/NoDocsMsg/index.module.css
+++ b/web/components/pageComponents/DatabasePage/ForDocs/NoDocsMsg/index.module.css
@@ -40,5 +40,5 @@
}
.code {
- @apply bg-ld-lightblue p-1 m-1 rounded;
+ @apply bg-stone-50 p-1 m-1 rounded;
}
diff --git a/web/components/pageComponents/DatabasePage/ForEmpty/EmptyDB/index.module.css b/web/components/pageComponents/DatabasePage/ForEmpty/EmptyDB/index.module.css
index f402e5aa..8350e3a8 100644
--- a/web/components/pageComponents/DatabasePage/ForEmpty/EmptyDB/index.module.css
+++ b/web/components/pageComponents/DatabasePage/ForEmpty/EmptyDB/index.module.css
@@ -23,7 +23,7 @@
}
.details {
- @apply mt-1 text-ld-darkgrey mb-4;
+ @apply mt-1 text-storm-200 mb-4;
@screen md {
span {
@apply hidden;
@@ -32,5 +32,5 @@
}
.blueBox {
- @apply text-sm leading-5 p-4 bg-blue-100;
+ @apply text-sm leading-5 p-4 bg-sky-50;
}
diff --git a/web/components/pageComponents/DatabasePage/ForPulls/PullActions/DeleteBranch/index.module.css b/web/components/pageComponents/DatabasePage/ForPulls/PullActions/DeleteBranch/index.module.css
index c2fb4241..a50243ac 100644
--- a/web/components/pageComponents/DatabasePage/ForPulls/PullActions/DeleteBranch/index.module.css
+++ b/web/components/pageComponents/DatabasePage/ForPulls/PullActions/DeleteBranch/index.module.css
@@ -1,5 +1,5 @@
.container {
- @apply flex flex-col justify-between rounded-lg bg-ld-lightpurple max-w-[46rem] mx-auto p-2 pb-4 my-6 border;
+ @apply flex flex-col justify-between rounded-lg bg-stone-50 max-w-[46rem] mx-auto p-2 pb-4 my-6 border;
@screen lg {
@apply mb-0 flex-row pb-2;
@@ -7,7 +7,7 @@
}
.mergedContainer {
- @apply border-acc-pink;
+ @apply border-purple-400;
}
.deleteMsg {
@@ -23,7 +23,7 @@
}
.merged {
- @apply bg-acc-pink;
+ @apply bg-purple-400 hover:bg-purple-200;
}
.err {
diff --git a/web/components/pageComponents/DatabasePage/ForPulls/PullActions/Merge/ErrorsWithDirections/index.module.css b/web/components/pageComponents/DatabasePage/ForPulls/PullActions/Merge/ErrorsWithDirections/index.module.css
index 310c4831..37ec7b98 100644
--- a/web/components/pageComponents/DatabasePage/ForPulls/PullActions/Merge/ErrorsWithDirections/index.module.css
+++ b/web/components/pageComponents/DatabasePage/ForPulls/PullActions/Merge/ErrorsWithDirections/index.module.css
@@ -3,7 +3,7 @@
}
.red {
- @apply text-acc-red;
+ @apply text-red-400;
}
.err {
diff --git a/web/components/pageComponents/DatabasePage/ForPulls/PullActions/Merge/index.module.css b/web/components/pageComponents/DatabasePage/ForPulls/PullActions/Merge/index.module.css
index c41136b9..d6eb56ec 100644
--- a/web/components/pageComponents/DatabasePage/ForPulls/PullActions/Merge/index.module.css
+++ b/web/components/pageComponents/DatabasePage/ForPulls/PullActions/Merge/index.module.css
@@ -18,7 +18,7 @@
}
.top {
- @apply bg-[#E6F6EE] pl-4 pr-4 py-2 border border-acc-green flex justify-between items-start rounded-t-xl flex-wrap w-full;
+ @apply bg-green-50 pl-4 pr-4 py-2 border border-green-500 flex justify-between items-start rounded-t-xl flex-wrap w-full;
@screen lg {
@apply items-center pl-6;
@@ -26,7 +26,7 @@
}
.picContainer {
- @apply w-7 h-7 mb-4 mr-1 text-white relative rounded-full bg-acc-green flex-shrink-0;
+ @apply w-7 h-7 mb-4 mr-1 text-white relative rounded-full bg-green-400 flex-shrink-0;
@screen lg {
@apply mb-0 mt-3 ml-2;
@@ -37,7 +37,7 @@
}
.redIcon {
- @apply bg-acc-red;
+ @apply bg-red-300;
}
.merge {
@@ -48,7 +48,7 @@
}
.msg {
- @apply px-6 py-2 border-x border-b rounded-b-xl bg-white border-acc-green;
+ @apply px-6 py-2 border-x border-b rounded-b-xl bg-white border-green-500;
}
.userCheckbox {
@@ -56,7 +56,7 @@
}
.note {
- @apply font-normal text-ld-darkgrey mt-0.5 py-1 block;
+ @apply font-normal text-storm-200 mt-0.5 py-1 block;
}
.icon {
@@ -64,7 +64,7 @@
}
.green {
- @apply text-acc-green;
+ @apply text-green-500;
}
.mergeStatusIcon {
@@ -72,11 +72,11 @@
}
.red {
- @apply text-acc-red flex border-acc-red bg-[#FDEEED];
+ @apply text-red-400 flex border-red-400 bg-coral-50;
}
.msgRed {
- @apply border-acc-red;
+ @apply border-red-400;
}
.popup {
@@ -97,15 +97,15 @@
}
.button {
- @apply text-acc-hoverlinkblue px-0 no-underline;
+ @apply text-button-1 px-0 no-underline;
}
.down {
- @apply w-2 h-2 p-0 bg-white absolute rounded-sm top-[-3.68rem] left-4 border-r-0 border-b-0 border-l border-t border-ld-lightgrey rotate-45;
+ @apply w-2 h-2 p-0 bg-white absolute rounded-sm top-[-3.68rem] left-4 border-r-0 border-b-0 border-l border-t border-stone-100 rotate-45;
}
.toggle {
- @apply font-normal text-ld-darkgrey border-none px-3 text-sm hidden lg:contents;
+ @apply font-normal text-storm-200 border-none px-3 text-sm hidden lg:contents;
}
.arrow {
@@ -113,15 +113,15 @@
}
.arrowGrey {
- @apply border-ld-lightgrey bg-ld-lightpurple;
+ @apply border-stone-100 bg-stone-50;
}
.arrowRed {
- @apply border-acc-red bg-[#FDEEED];
+ @apply border-red-400 bg-coral-50;
}
.arrowGreen {
- @apply bg-[#E6F6EE] border-acc-green;
+ @apply bg-green-50 border-green-500;
}
.arrowLeft {
diff --git a/web/components/pageComponents/DatabasePage/ForPulls/PullCommit/index.module.css b/web/components/pageComponents/DatabasePage/ForPulls/PullCommit/index.module.css
index 07d1c57b..39ad1416 100644
--- a/web/components/pageComponents/DatabasePage/ForPulls/PullCommit/index.module.css
+++ b/web/components/pageComponents/DatabasePage/ForPulls/PullCommit/index.module.css
@@ -4,7 +4,7 @@
@apply pl-14 justify-between pr-2 flex-row;
}
svg {
- @apply min-w-[1.5rem] w-4 h-4 text-ld-darkgrey;
+ @apply min-w-[1.5rem] w-4 h-4 text-storm-200;
}
}
@@ -22,7 +22,7 @@
}
.bull {
- @apply text-acc-grey text-lg leading-tight;
+ @apply text-stone-300 text-lg leading-tight;
@screen lg {
@apply hidden ml-[0.65rem];
}
@@ -62,16 +62,16 @@
}
.date {
- @apply block mt-2 text-ld-darkgrey font-mono text-xs whitespace-nowrap;
+ @apply block mt-2 text-storm-200 font-mono text-xs whitespace-nowrap;
}
.hash {
- @apply text-ld-darkgrey font-normal text-xs font-mono;
+ @apply text-storm-200 font-normal text-xs font-mono;
@screen lg {
@apply ml-6 min-w-[4rem];
}
&:hover {
- @apply text-acc-linkblue;
+ @apply text-link-2;
}
}
diff --git a/web/components/pageComponents/DatabasePage/ForPulls/PullCommitSummary/index.module.css b/web/components/pageComponents/DatabasePage/ForPulls/PullCommitSummary/index.module.css
index 1cf0a20f..ef92cf65 100644
--- a/web/components/pageComponents/DatabasePage/ForPulls/PullCommitSummary/index.module.css
+++ b/web/components/pageComponents/DatabasePage/ForPulls/PullCommitSummary/index.module.css
@@ -1,5 +1,5 @@
.summary {
- @apply relative flex items-start text-sm text-ld-darkgrey pr-4;
+ @apply relative flex items-start text-sm text-storm-200 pr-4;
@screen lg {
@apply ml-[3.25rem] pr-12;
}
@@ -10,9 +10,9 @@
}
.icon {
- @apply w-7 h-7 inline-block rounded-full text-lg bg-ld-lightgrey flex-shrink-0 p-[0.35rem] md:p-[0.4rem];
+ @apply w-7 h-7 inline-block rounded-full text-lg bg-stone-100 flex-shrink-0 p-[0.35rem] md:p-[0.4rem];
svg {
- @apply w-4 h-4 text-ld-darkgrey;
+ @apply w-4 h-4 text-storm-200;
}
}
diff --git a/web/components/pageComponents/DatabasePage/ForReleases/ReleaseList/index.module.css b/web/components/pageComponents/DatabasePage/ForReleases/ReleaseList/index.module.css
index 6fd793ad..f35976d4 100644
--- a/web/components/pageComponents/DatabasePage/ForReleases/ReleaseList/index.module.css
+++ b/web/components/pageComponents/DatabasePage/ForReleases/ReleaseList/index.module.css
@@ -7,7 +7,7 @@
}
.tagContainer {
- @apply mr-4 pb-4 text-primary border-ld-lightgrey border-l-[1.5px];
+ @apply mr-4 pb-4 text-primary border-stone-100 border-l-[1.5px];
@screen lg {
@apply ml-16;
@@ -23,7 +23,7 @@
}
.item {
- @apply border border-ld-lightblue rounded-lg my-3 py-4 px-6 text-sm relative;
+ @apply border border-stone-50 rounded-lg my-3 py-4 px-6 text-sm relative;
}
.header {
@@ -31,7 +31,7 @@
}
.bullet {
- @apply border-ld-lightgrey h-3 w-3 absolute bg-white rounded-full border-[1.5px] -left-[1.9rem] top-[0.4rem];
+ @apply border-stone-100 h-3 w-3 absolute bg-white rounded-full border-[1.5px] -left-[1.9rem] top-[0.4rem];
@screen lg {
@apply -left-[2.9rem];
@@ -39,7 +39,7 @@
}
.latest {
- @apply inline-block px-4 mx-4 rounded-full bg-white border-2 border-acc-green text-acc-green text-sm font-semibold py-[0.05rem];
+ @apply inline-block px-4 mx-4 rounded-full bg-white border-2 border-green-400 text-green-400 text-sm font-semibold py-[0.05rem];
}
.itemTop {
@@ -47,14 +47,14 @@
}
.timeago {
- @apply text-ld-darkgrey;
+ @apply text-storm-200;
}
.commitId {
- @apply font-semibold text-ld-darkgrey mb-1.5;
+ @apply font-semibold text-storm-200 mb-1.5;
&:hover {
- @apply text-acc-lightgrey;
+ @apply text-stone-100;
}
@screen lg {
@@ -87,7 +87,7 @@
}
.itemBottom {
- @apply text-ld-darkgrey font-normal flex flex-col-reverse;
+ @apply text-storm-200 font-normal flex flex-col-reverse;
a {
@apply font-normal;
}
diff --git a/web/components/pageComponents/DatabasePage/ForTable/index.module.css b/web/components/pageComponents/DatabasePage/ForTable/index.module.css
index 7238f382..80285023 100644
--- a/web/components/pageComponents/DatabasePage/ForTable/index.module.css
+++ b/web/components/pageComponents/DatabasePage/ForTable/index.module.css
@@ -23,7 +23,7 @@
}
.cancel {
- @apply mt-6 text-base text-ld-darkgrey;
+ @apply mt-6 text-base text-storm-200;
}
.square {
@@ -35,15 +35,15 @@
a,
button {
- @apply text-lg text-acc-hoverlinkblue;
+ @apply text-lg text-button-1;
}
}
.disabledSquare {
- @apply text-acc-darkgrey;
+ @apply text-stone-500;
a,
button {
- @apply text-acc-darkgrey;
+ @apply text-stone-500;
}
}
diff --git a/web/components/pageComponents/DatabasesPage/index.module.css b/web/components/pageComponents/DatabasesPage/index.module.css
index 0dbb1f95..1bb942b6 100644
--- a/web/components/pageComponents/DatabasesPage/index.module.css
+++ b/web/components/pageComponents/DatabasesPage/index.module.css
@@ -6,7 +6,7 @@
@apply bg-white w-full border my-2 px-4 py-2 rounded flex justify-between;
&:hover {
- @apply border-acc-grey;
+ @apply border-stone-300;
}
}
@@ -15,10 +15,10 @@
}
.button {
- @apply bg-acc-hoverlinkblue text-white my-6 px-4 py-1.5 text-base rounded button-shadow;
+ @apply bg-button-1 text-white my-6 px-4 py-1.5 text-base rounded button-shadow;
&:hover {
- @apply text-white bg-acc-linkblue button-shadow-hover;
+ @apply text-white bg-button-2 button-shadow-hover;
}
}
diff --git a/web/components/pageComponents/FileUploadPage/FileInfo/index.module.css b/web/components/pageComponents/FileUploadPage/FileInfo/index.module.css
index 5a3990c9..d139d70d 100644
--- a/web/components/pageComponents/FileUploadPage/FileInfo/index.module.css
+++ b/web/components/pageComponents/FileUploadPage/FileInfo/index.module.css
@@ -15,7 +15,7 @@
}
.fileSize {
- @apply mx-3 text-ld-darkgrey;
+ @apply mx-3 text-storm-200;
}
.buttons {
diff --git a/web/components/pageComponents/FileUploadPage/Layout/index.module.css b/web/components/pageComponents/FileUploadPage/Layout/index.module.css
index f79e7a90..05c83099 100644
--- a/web/components/pageComponents/FileUploadPage/Layout/index.module.css
+++ b/web/components/pageComponents/FileUploadPage/Layout/index.module.css
@@ -1,5 +1,5 @@
.header {
- @apply w-full bg-ld-mediumblue text-center p-4 justify-between hidden lg:flex;
+ @apply w-full bg-storm-500 text-center p-4 justify-between hidden lg:flex;
h1 {
@apply text-white text-2xl font-normal;
@@ -14,7 +14,7 @@
@apply flex justify-start items-center ml-3 mt-0.5;
svg {
- @apply text-white hover:text-ld-blue;
+ @apply text-white hover:text-sky-300;
}
}
@@ -26,7 +26,7 @@
@apply text-white font-normal;
&:hover {
- @apply text-blue-200;
+ @apply text-sky-100;
}
}
@@ -37,7 +37,7 @@
@apply text-white bg-transparent border border-white text-sm;
&:hover {
- @apply border-ld-blue text-ld-blue bg-transparent;
+ @apply border-sky-300 text-sky-300 bg-transparent;
}
}
}
diff --git a/web/components/pageComponents/FileUploadPage/Navigation/index.module.css b/web/components/pageComponents/FileUploadPage/Navigation/index.module.css
index e87ce32f..c5810807 100644
--- a/web/components/pageComponents/FileUploadPage/Navigation/index.module.css
+++ b/web/components/pageComponents/FileUploadPage/Navigation/index.module.css
@@ -1,5 +1,5 @@
.nav {
- @apply relative bg-ld-lightpurple w-full mx-auto text-center flex pt-6 border-b border-ld-lightgrey;
+ @apply relative bg-stone-50 w-full mx-auto text-center flex pt-6 border-b border-stone-100;
ol {
@apply flex mx-auto;
@@ -10,7 +10,7 @@
@apply relative px-6 mx-10 pb-2;
a {
- @apply text-ld-darkgrey;
+ @apply text-storm-200;
}
button {
@@ -21,20 +21,20 @@
}
&:disabled {
- @apply cursor-default text-ld-darkgrey;
+ @apply cursor-default text-storm-200;
}
}
}
.active {
- @apply border-b-4 border-acc-hoverlinkblue;
+ @apply border-b-4 border-link-1;
button:disabled,
a {
- @apply text-acc-hoverlinkblue;
+ @apply text-link-1;
}
}
.complete a {
- @apply text-acc-green;
+ @apply text-green-500;
}
diff --git a/web/components/pageComponents/FileUploadPage/Steps/Table/index.module.css b/web/components/pageComponents/FileUploadPage/Steps/Table/index.module.css
index 48ff3939..bfd9530a 100644
--- a/web/components/pageComponents/FileUploadPage/Steps/Table/index.module.css
+++ b/web/components/pageComponents/FileUploadPage/Steps/Table/index.module.css
@@ -3,11 +3,11 @@
}
.title {
- @apply mx-1 px-6 py-4 border-b border-ld-lightgrey flex;
+ @apply mx-1 px-6 py-4 border-b border-stone-100 flex;
}
.inner {
- @apply bg-ld-lightblue px-16 py-8 border-b border-ld-lightgrey;
+ @apply bg-stone-50 px-16 py-8 border-b border-stone-100;
}
.closed {
diff --git a/web/components/pageComponents/FileUploadPage/Steps/Upload/EditableTable/TableGrid/index.module.css b/web/components/pageComponents/FileUploadPage/Steps/Upload/EditableTable/TableGrid/index.module.css
index 6b9afa91..fe6c94a3 100644
--- a/web/components/pageComponents/FileUploadPage/Steps/Upload/EditableTable/TableGrid/index.module.css
+++ b/web/components/pageComponents/FileUploadPage/Steps/Upload/EditableTable/TableGrid/index.module.css
@@ -1,15 +1,15 @@
.contextMenu {
- @apply bg-white text-primary border border-ld-darkgrey rounded;
+ @apply bg-white text-primary border border-storm-200 rounded;
div[role="menuitem"] {
@apply py-1.5 px-3 text-sm;
&:hover {
- @apply text-acc-hoverblue cursor-auto;
+ @apply text-sky-900 cursor-auto;
}
}
div[role="menuitem"]:not(:last-child) {
- @apply border-b border-ld-darkgrey;
+ @apply border-b border-storm-200;
}
}
@@ -18,7 +18,7 @@
height: 75vh;
:global(.rdg-cell-dragged-over) {
- @apply bg-blue-100;
+ @apply bg-sky-50;
}
:global(.index-cell > .rdg-cell-drag-handle) {
@@ -27,7 +27,7 @@
:global(.index-cell[aria-selected="true"]),
:global(.rdg-cell[role="columnheader"][aria-selected="true"]) {
- @apply bg-gray-300;
+ @apply bg-stone-100;
box-shadow: 2px 0 5px -2px rgb(136 136 136 / 30%);
}
}
@@ -41,18 +41,18 @@
}
.rowIndex {
- @apply font-semibold text-center bg-[#f9f9f9];
+ @apply font-semibold text-center bg-stone-50;
}
.loading {
- @apply absolute -bottom-3 right-4 text-white px-2 bg-ld-darkgrey bg-opacity-50;
+ @apply absolute -bottom-3 right-4 text-white px-2 bg-storm-200 bg-opacity-50;
}
.cellError {
- @apply bg-acc-hoverred relative;
+ @apply bg-red-500 relative;
&:hover::before {
- @apply absolute top-1.5 right-1.5 bg-acc-hoverred text-white opacity-90 text-xs;
+ @apply absolute top-1.5 right-1.5 bg-red-500 text-white opacity-90 text-xs;
content: attr(data-text);
}
}
diff --git a/web/components/pageComponents/FileUploadPage/Steps/Upload/index.module.css b/web/components/pageComponents/FileUploadPage/Steps/Upload/index.module.css
index 73de4cec..c8f749db 100644
--- a/web/components/pageComponents/FileUploadPage/Steps/Upload/index.module.css
+++ b/web/components/pageComponents/FileUploadPage/Steps/Upload/index.module.css
@@ -4,7 +4,7 @@
.dropContainer,
.editableTable {
- @apply px-3 rounded-xl border border-dashed border-ld-darkgrey bg-ld-lightpurple h-56 pt-8;
+ @apply px-3 rounded-xl border border-dashed border-storm-200 bg-stone-50 h-56 pt-8;
min-width: 250px;
}
@@ -17,12 +17,12 @@
}
.hover {
- @apply border-acc-hoverlinkblue;
+ @apply border-link-1;
background: rgba(61, 145, 240, 0.1);
}
.dropped {
- @apply bg-acc-hovergreen bg-opacity-20 border-acc-hoverblue;
+ @apply bg-green-600 bg-opacity-20 border-sky-900;
}
.faded {
@@ -70,11 +70,11 @@
}
.fileTypes {
- @apply text-sm flex text-ld-darkgrey mt-1 mx-3;
+ @apply text-sm flex text-storm-200 mt-1 mx-3;
}
.success {
- @apply text-acc-green font-semibold text-base flex mt-6 ml-7;
+ @apply text-green-500 font-semibold text-base flex mt-6 ml-7;
svg {
@apply text-lg mr-2 mt-1;
diff --git a/web/components/pageComponents/SchemasPage/index.module.css b/web/components/pageComponents/SchemasPage/index.module.css
index 0dbb1f95..1bb942b6 100644
--- a/web/components/pageComponents/SchemasPage/index.module.css
+++ b/web/components/pageComponents/SchemasPage/index.module.css
@@ -6,7 +6,7 @@
@apply bg-white w-full border my-2 px-4 py-2 rounded flex justify-between;
&:hover {
- @apply border-acc-grey;
+ @apply border-stone-300;
}
}
@@ -15,10 +15,10 @@
}
.button {
- @apply bg-acc-hoverlinkblue text-white my-6 px-4 py-1.5 text-base rounded button-shadow;
+ @apply bg-button-1 text-white my-6 px-4 py-1.5 text-base rounded button-shadow;
&:hover {
- @apply text-white bg-acc-linkblue button-shadow-hover;
+ @apply text-white bg-button-2 button-shadow-hover;
}
}
diff --git a/web/components/util/Page/Meta.tsx b/web/components/util/Page/Meta.tsx
index 3afc0157..62632b01 100644
--- a/web/components/util/Page/Meta.tsx
+++ b/web/components/util/Page/Meta.tsx
@@ -14,7 +14,7 @@ export default function Meta(props: Props) {
? `${props.title} | Dolt SQL Workbench`
: `Dolt SQL Workbench`;
const image = "/images/dolt-workbench.png";
- const blue = colors["ld-mediumblue"];
+ const blue = colors.storm["500"];
return (
{title}
diff --git a/web/lib/tailwind.ts b/web/lib/tailwind.ts
index 89a13eb6..e59fa871 100644
--- a/web/lib/tailwind.ts
+++ b/web/lib/tailwind.ts
@@ -1,5 +1,5 @@
import config from "../tailwind.config";
-const customColors = config.theme?.extend?.colors as Record;
+const customColors = config.theme?.colors as Record;
export const colors = customColors;
diff --git a/web/package.json b/web/package.json
index 78a280a3..6a33ade3 100644
--- a/web/package.json
+++ b/web/package.json
@@ -26,7 +26,7 @@
},
"dependencies": {
"@apollo/client": "^3.9.9",
- "@dolthub/react-components": "^0.1.14",
+ "@dolthub/react-components": "^0.2.1",
"@dolthub/react-contexts": "^0.1.0",
"@dolthub/react-hooks": "^0.1.7",
"@dolthub/web-utils": "^0.1.4",
diff --git a/web/styles/preflight.css b/web/styles/preflight.css
index b4c5f5a6..44247216 100644
--- a/web/styles/preflight.css
+++ b/web/styles/preflight.css
@@ -356,7 +356,7 @@ textarea {
input::placeholder,
textarea::placeholder {
opacity: 1; /* 1 */
- color: theme("colors.gray.400", #9ca3af); /* 2 */
+ color: theme("colors.stone.300", #9ca3af); /* 2 */
}
/*
diff --git a/web/tailwind.config.ts b/web/tailwind.config.ts
index 74d46574..26a16a47 100644
--- a/web/tailwind.config.ts
+++ b/web/tailwind.config.ts
@@ -1,4 +1,4 @@
-import { mergeConfig, workbenchColors } from "@dolthub/react-components";
+import { mergeConfig } from "@dolthub/react-components";
const config = mergeConfig({
corePlugins: {
@@ -20,8 +20,9 @@ const config = mergeConfig({
],
theme: {
extend: {
- gradientColorStops: workbenchColors,
- colors: workbenchColors,
+ borderColor: {
+ DEFAULT: "#D7D8DF",
+ },
},
},
});
diff --git a/web/yarn.lock b/web/yarn.lock
index 04710048..dd561929 100644
--- a/web/yarn.lock
+++ b/web/yarn.lock
@@ -1325,7 +1325,7 @@ __metadata:
resolution: "@dolt-sql-workbench/web@workspace:."
dependencies:
"@apollo/client": "npm:^3.9.9"
- "@dolthub/react-components": "npm:^0.1.14"
+ "@dolthub/react-components": "npm:^0.2.1"
"@dolthub/react-contexts": "npm:^0.1.0"
"@dolthub/react-hooks": "npm:^0.1.7"
"@dolthub/web-utils": "npm:^0.1.4"
@@ -1409,17 +1409,18 @@ __metadata:
languageName: unknown
linkType: soft
-"@dolthub/react-components@npm:^0.1.14":
- version: 0.1.14
- resolution: "@dolthub/react-components@npm:0.1.14"
+"@dolthub/react-components@npm:^0.2.1":
+ version: 0.2.1
+ resolution: "@dolthub/react-components@npm:0.2.1"
dependencies:
"@dolthub/react-contexts": "npm:^0.1.0"
"@dolthub/react-hooks": "npm:^0.1.7"
- "@dolthub/web-utils": "npm:^0.1.3"
+ "@dolthub/web-utils": "npm:^0.1.5"
"@react-icons/all-files": "npm:^4.1.0"
classnames: "npm:^2.5.1"
deepmerge: "npm:^4.3.1"
github-markdown-css: "npm:^5.5.1"
+ numeral: "npm:^2.0.6"
react-copy-to-clipboard: "npm:^5.1.0"
react-loader: "npm:^2.4.7"
react-markdown: "npm:^9.0.1"
@@ -1431,7 +1432,7 @@ __metadata:
peerDependencies:
react: ^18
react-dom: ^18
- checksum: 30f1a14acba5041f5f71486e83627dc5078658e737edd9bf2c949adbda2c613fa712b9b56d76629bea6e7653faae517c494d7afc086d259e99ed8e523d46512b
+ checksum: 7e2fb800e8d3bf0c2b0943b91197fd42e47649ea51834fddb7b48d43769937b6768945a94a79b01231052d6c532f7b44a192b63a46629106c516cf436811f506
languageName: node
linkType: hard
@@ -1461,7 +1462,7 @@ __metadata:
languageName: node
linkType: hard
-"@dolthub/web-utils@npm:^0.1.2, @dolthub/web-utils@npm:^0.1.3, @dolthub/web-utils@npm:^0.1.4":
+"@dolthub/web-utils@npm:^0.1.2, @dolthub/web-utils@npm:^0.1.4":
version: 0.1.4
resolution: "@dolthub/web-utils@npm:0.1.4"
dependencies:
@@ -1471,6 +1472,16 @@ __metadata:
languageName: node
linkType: hard
+"@dolthub/web-utils@npm:^0.1.5":
+ version: 0.1.5
+ resolution: "@dolthub/web-utils@npm:0.1.5"
+ dependencies:
+ node-sql-parser: "npm:^5.0.0"
+ timeago.js: "npm:^4.0.2"
+ checksum: 51724aaf9ee12386bb48c8d2386278dbdb37b94df73272a3579e6f9b08c7474473cb33520cd0674a1052af253004f3af7a5520696630d512d490bd3272bfc73a
+ languageName: node
+ linkType: hard
+
"@dual-bundle/import-meta-resolve@npm:^4.0.0":
version: 4.0.0
resolution: "@dual-bundle/import-meta-resolve@npm:4.0.0"
@@ -3927,6 +3938,13 @@ __metadata:
languageName: node
linkType: hard
+"@types/pegjs@npm:^0.10.0":
+ version: 0.10.6
+ resolution: "@types/pegjs@npm:0.10.6"
+ checksum: ee4a31cf07679ae5422fec95e499ad059483a9ab2815af1ada0ee858a00af6c7e6579a8e172810c1c9db04005941bef96d0dd2c28648769211f57df330f9c30f
+ languageName: node
+ linkType: hard
+
"@types/prop-types@npm:*":
version: 15.7.11
resolution: "@types/prop-types@npm:15.7.11"
@@ -10860,6 +10878,16 @@ __metadata:
languageName: node
linkType: hard
+"node-sql-parser@npm:^5.0.0":
+ version: 5.1.0
+ resolution: "node-sql-parser@npm:5.1.0"
+ dependencies:
+ "@types/pegjs": "npm:^0.10.0"
+ big-integer: "npm:^1.6.48"
+ checksum: de6caf97e5495b7d22370bf84a75d2c07541bec44de95516b804904285d314ad4412a8c956d30dffa99bbd667d9f28e8083c8833bafa9723d4f96ae960b73124
+ languageName: node
+ linkType: hard
+
"nopt@npm:^7.0.0":
version: 7.2.0
resolution: "nopt@npm:7.2.0"
@@ -10949,6 +10977,13 @@ __metadata:
languageName: node
linkType: hard
+"numeral@npm:^2.0.6":
+ version: 2.0.6
+ resolution: "numeral@npm:2.0.6"
+ checksum: 5ed008d3fae05cfa4986b77a85ca10bff29ae6e1fa41a04cce05ea21f08a8a104226f88868930e2a94e3239708d6985d111b5d1291e8b9a3049ffc5365c332d4
+ languageName: node
+ linkType: hard
+
"nwsapi@npm:^2.2.2":
version: 2.2.7
resolution: "nwsapi@npm:2.2.7"