rework green color (beter buttons text)

This commit is contained in:
nikk gitanes
2021-06-06 01:12:56 +03:00
parent b3389e033e
commit 42befed45d
4 changed files with 5 additions and 5 deletions

View File

@@ -16,7 +16,7 @@ import Sidebar from './Sidebar'
const baseTheme = createMuiTheme({ const baseTheme = createMuiTheme({
overrides: { MuiCssBaseline: { '@global': { html: { WebkitFontSmoothing: 'auto' } } } }, overrides: { MuiCssBaseline: { '@global': { html: { WebkitFontSmoothing: 'auto' } } } },
palette: { primary: { main: '#3fb57a' }, secondary: { main: '#FFA724' }, tonalOffset: 0.2 }, palette: { primary: { main: '#00a572' }, secondary: { main: '#ffa724' }, tonalOffset: 0.2 },
}) })
export default function App() { export default function App() {

View File

@@ -17,7 +17,7 @@ export const CenteredGrid = styled.div`
` `
export const AppHeader = styled.div` export const AppHeader = styled.div`
background: #3fb57a; background: #00a572;
color: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.87);
grid-area: head; grid-area: head;
display: flex; display: flex;

View File

@@ -1,7 +1,7 @@
export const defaultBorderColor = '#eef2f4' export const defaultBorderColor = '#eef2f4'
export const defaultBackgroundColor = '#fff' export const defaultBackgroundColor = '#fff'
export const completeColor = '#3fb57a' export const completeColor = '#00a572'
export const progressColor = '#00d0d0' export const progressColor = '#ffa724'
export const activeColor = '#000' export const activeColor = '#000'
export const rangeColor = '#9a9aff' export const rangeColor = '#9a9aff'

View File

@@ -8,7 +8,7 @@ export const TorrentCard = styled.div`
grid-template-areas: 'poster description buttons'; grid-template-areas: 'poster description buttons';
gap: 10px; gap: 10px;
padding: 10px; padding: 10px;
background: #3fb57a; background: #00a572;
box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%); box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
@media (max-width: 1260px), (max-height: 500px) { @media (max-width: 1260px), (max-height: 500px) {