Benature/omnivore
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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
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',
},