yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

tweak sidebar item background

Browse Source
This commit is contained in:
Tom Moor
2021-07-04 18:44:09 -04:00
parent 7e139ca8f7
commit f8ffa4e25a
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/components/Sidebar/components/SidebarLink.js
View File

@@ -1,4 +1,5 @@
// @flow // @flow
import { transparentize } from "polished";
import * as React from "react"; import * as React from "react";
import { withRouter, type RouterHistory, type Match } from "react-router-dom"; import { withRouter, type RouterHistory, type Match } from "react-router-dom";
import styled, { withTheme } from "styled-components"; import styled, { withTheme } from "styled-components";
@@ -145,7 +146,8 @@ const Link = styled(NavLink)`
&:focus { &:focus {
color: ${(props) => props.theme.text}; color: ${(props) => props.theme.text};
background: ${(props) => props.theme.black05}; background: ${(props) =>
transparentize("0.25", props.theme.sidebarItemBackground)};
} }
${breakpoint("tablet")` ${breakpoint("tablet")`

2
shared/styles/theme.js
View File

@@ -137,7 +137,7 @@ export const light = {
placeholder: "#a2b2c3", placeholder: "#a2b2c3",
sidebarBackground: colors.warmGrey, sidebarBackground: colors.warmGrey,
sidebarItemBackground: colors.black10, sidebarItemBackground: "#d7e0ea",
sidebarText: "rgb(78, 92, 110)", sidebarText: "rgb(78, 92, 110)",
backdrop: "rgba(0, 0, 0, 0.2)", backdrop: "rgba(0, 0, 0, 0.2)",
shadow: "rgba(0, 0, 0, 0.2)", shadow: "rgba(0, 0, 0, 0.2)",