Merge pull request #1032 from opentripplanner/use-brand-color-in-date…

…-time-picker Use brand colors in date-time-picker
opentripplanner · Oct 17, 2023 · 748ed32 · 748ed32
2 parents ad14cde + 8eca838
commit 748ed32
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/lib/components/form/date-time-button.tsx b/lib/components/form/date-time-button.tsx
@@ -25,8 +25,10 @@ const ButtonWrapper = styled.span`
   position: relative;
 
   & > button {
+    background-color: var(--main-base-color, rgba(0, 0, 0, 0.5));
     border-radius: 5px;
     border: none;
+    color: var(--main-color, white);
     cursor: pointer;
     font-size: 12px;
     height: ${buttonPixels}px;

diff --git a/lib/components/form/styled.ts b/lib/components/form/styled.ts
@@ -24,9 +24,10 @@ const commonButtonCss = css`
   user-select: none;
 
   &.active {
-    background-color: rgb(173, 216, 230);
+    background-color: var(--main-base-color, rgb(173, 216, 230));
     border: 2px solid rgb(0, 0, 0);
     box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+    color: var(--main-color, white);
     font-weight: 600;
   }
 `