granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add themed variable for mention focus stroke

Browse source
This commit is contained in:
Justin Edmund 2023-08-21 19:54:17 -07:00
parent e2113e0910
commit d88945ad95
3 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
components/common/MentionTypeahead/index.module.scss
View file

@ -149,7 +149,7 @@
} }
} }
$outline: 2px solid rgba(255, 255, 255, 0.35); $outline: 2px solid var(--transparent-stroke);
&:hover { &:hover {
background: var(--null-bg-hover); background: var(--null-bg-hover);
@ -314,7 +314,7 @@
background: var(--dark-text); background: var(--dark-text);
box-shadow: none; box-shadow: none;
color: var(--dark-bg); color: var(--dark-bg);
outline: 2px solid rgba(255, 255, 255, 0.65); outline: $outline;
:global(.rbt-token-remove-button) { :global(.rbt-token-remove-button) {
color: var(--dark-bg); color: var(--dark-bg);

4
styles/themes.scss
View file

@ -30,6 +30,8 @@
--anonymous-bg: #{$anonymous--bg--light}; --anonymous-bg: #{$anonymous--bg--light};
--placeholder-bg: #{$grey-80}; --placeholder-bg: #{$grey-80};
--transparent-stroke: #{$transparent--stroke--light};
// Light - Units // Light - Units
--unit-bg: #{$unit--bg--light}; --unit-bg: #{$unit--bg--light};
--unit-bg-hover: #{$unit--bg--light--hover}; --unit-bg-hover: #{$unit--bg--light--hover};
@ -252,6 +254,8 @@
--anonymous-bg: #{$anonymous--bg--dark}; --anonymous-bg: #{$anonymous--bg--dark};
--placeholder-bg: #{$grey-40}; --placeholder-bg: #{$grey-40};
--transparent-stroke: #{$transparent--stroke--dark};
// Dark - Units // Dark - Units
--unit-bg: #{$unit--bg--dark}; --unit-bg: #{$unit--bg--dark};
--unit-bg-hover: #{$unit--bg--dark--hover}; --unit-bg-hover: #{$unit--bg--dark--hover};

3
styles/variables.scss
View file

@ -166,6 +166,9 @@ $dark-bg-00: #ba63d8;
$dark-bg-10: #de7bff; $dark-bg-10: #de7bff;
$dark-bg-20: #f2cdff; $dark-bg-20: #f2cdff;
$transparent--stroke--light: rgba(0, 0, 0, 0.9);
$transparent--stroke--dark: rgba(255, 255, 255, 0.35);
$page--bg--light: $grey-90; $page--bg--light: $grey-90;
$page--bg--dark: $grey-15; $page--bg--dark: $grey-15;