update color theme

VictorS67 · Jan 18, 2024 · 0466e69 · 0466e69
1 parent cef9ef2
commit 0466e69
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 70 deletions.
diff --git a/packages/app/src/App.tsx b/packages/app/src/App.tsx
@@ -1,18 +1,17 @@
-import React from 'react';
+import React from "react";
 
 import {
   RecoilRoot,
   atom,
   selector,
   useRecoilState,
   useRecoilValue,
-} from 'recoil';
+} from "recoil";
 
-import '@atlaskit/css-reset';
-import { AppGuesser } from './components/AppGuesser';
-import { EncreStudio } from './components/EncreStudio';
-import logo from './logo.svg';
-import './App.css';
+import "@atlaskit/css-reset";
+import { EncreStudio } from "./components/EncreStudio";
+import logo from "./logo.svg";
+import "./App.css";
 
 function App() {
   return (

diff --git a/packages/app/src/components/AppGuesser.tsx b/packages/app/src/components/AppGuesser.tsx
diff --git a/packages/app/src/theme.tsx b/packages/app/src/theme.tsx
@@ -0,0 +1,28 @@
+import { createTheme } from "@atlaskit/theme";
+
+const lightThemeColors = {
+  text: "#FF0000",
+};
+
+const darkThemeColors = {
+  text: "#FF0000",
+};
+
+const lightTheme = createTheme(() => ({
+  canvasBGColor: '#F8F8F8',
+  canvasGridColor: '#49494A',
+
+  cardPriBGColor: '#FFFFFF',
+  cardSecBGColor: '#F0F0F0',
+  cardPriColor: '#005FB8'
+}));
+
+const darkTheme = createTheme(() => ({
+  canvasBGColor: '#202020',
+  canvasGridColor: '#474748',
+
+  cardPriBGColor: '#3D3D3D',
+  cardSecBGColor: '#212121'
+}));
+
+export { lightTheme, darkTheme };