change a few colors

slatedb · Aug 7, 2024 · d441d3d · d441d3d
1 parent e972817
commit d441d3d
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -53,31 +53,35 @@
 }
 
 .button-primary {
-  color: black;
+  color: white;
   padding: .25rem 1rem;
-  background-color: white;
+  background-color: black;
   font-size: .875rem;
   line-height: 1.25rem;
   border-radius: 1rem;
+  border-width: 2px;
+  border-style: solid;
 }
 
 .button-primary:hover {
-  background-color: var(--color-accent-1);
-  color: black;
+  color: white;
+  border-color: var(--color-accent-1);
 }
 
 .button-accent {
   color: black;
   padding: .25rem 1rem;
-  background-color: var(--color-accent-2);
+  background-color: var(--color-accent-1);
   font-size: .875rem;
   line-height: 1.25rem;
   border-radius: 1rem;
+  border-style: solid;
+  border-width: 2px;
 }
 
 .button-accent:hover {
   color: black;
-  background-color: var(--color-accent-1);
+  background-color: white;
 }
 
 .clean-btn {

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -19,7 +19,8 @@ function HomepageHeader() {
             </Heading>
             <p>
               Unlike traditional LSM-tree storage engines, SlateDB writes data to object storage to
-              provide bottomless storage capacity, high durability, and easy replication.
+              provide <span className={'font-bold text-accent-1'}>bottomless storage capacity,
+              high durability, and easy replication</span>.
             </p>
             <div className={'flex gap-4'}>
               <a href={'#get-started'}