prehistoric-systems/omnivore
1
0
Fork 0
mirror of https://github.com/omnivore-app/omnivore.git synced 2026-03-11 08:54:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixes for hover colours

Browse source
This commit is contained in:
Jackson Harper 2024-02-08 02:15:28 +08:00
parent 406165252c
commit 6b707ae2ca
3 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
packages/web/components/elements/icons/HeaderCheckboxIcon.tsx
View file

@ -11,9 +11,10 @@ export class HeaderCheckboxIcon extends React.Component<IconProps> {
<SpanBox
css={{
display: 'flex',
'--inner-color': 'white',
'--inner-color': 'var(--colors-thHeaderIconInner)',
'--ring-color': 'var(--colors-thHeaderIconRing)',
'&:hover': {
'--inner-color': 'white',
'--ring-fill': '#007AFF',
'--ring-color': '#007AFF',
},

3
packages/web/components/elements/icons/HeaderToggleGridIcon.tsx
View file

@ -11,9 +11,10 @@ export class HeaderToggleGridIcon extends React.Component<IconProps> {
<SpanBox
css={{
display: 'flex',
'--inner-color': 'white',
'--inner-color': 'var(--colors-thHeaderIconInner)',
'--ring-color': 'var(--colors-thHeaderIconRing)',
'&:hover': {
'--inner-color': 'white',
'--ring-fill': '#007AFF',
'--ring-color': '#007AFF',
},

6
packages/web/components/elements/icons/HeaderToggleListIcon.tsx
View file

@ -7,16 +7,14 @@ import React from 'react'
export class HeaderToggleListIcon extends React.Component<IconProps> {
render() {
const size = (this.props.size || 26).toString()
const color = (this.props.color || '#2A2A2A').toString()
return (
<SpanBox
css={{
display: 'flex',
'--inner-color': 'white',
'--inner-color': 'var(--colors-thHeaderIconInner)',
'--ring-color': 'var(--colors-thHeaderIconRing)',
'&:hover': {
'--inner-color': 'white',
'--ring-fill': '#007AFF',
'--ring-color': '#007AFF',
},