configurable theme

This commit is contained in:
Jan Prochazka
2019-12-26 22:33:33 +01:00
parent 43bc6a719c
commit 4fc93005f6
3 changed files with 30 additions and 16 deletions

View File

@@ -1,5 +1,6 @@
import React from "react";
import styled from "styled-components";
import theme from "./theme";
const files = [
{ name: "app.js" },
@@ -15,9 +16,10 @@ const FileTabItem = styled.div`
align-items: center;
cursor: pointer;
&:hover {
color: #338;
color: ${theme.tabsPanel.hoverFont};
}
background-color: ${props => (props.selected ? "#eee" : "inherit")};
background-color: ${props =>
props.selected ? theme.mainArea.background : "inherit"};
`;
export default function FilesTabsPanel() {