見た目調整

kiritan-pop · Sep 22, 2023 · 61badc8 · 61badc8
1 parent 08d982f
commit 61badc8
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/app/javascript/styles/kiritan/kiritan-base.scss b/app/javascript/styles/kiritan/kiritan-base.scss
@@ -22,8 +22,8 @@
   &:focus,
   &:hover {
     color: $primary-text-color;
-    background-color: $ui-highlight-color;
-    transition: all 200ms ease-out;
+    background-color: $ui-button-focus-background-color;
+    transition: all 300ms ease-out;
   }
 
   &:disabled,
@@ -184,9 +184,11 @@
   0% {
     opacity: 1;
   }
+
   50% {
     opacity: 0;
   }
+
   100% {
     opacity: 1;
   }

diff --git a/app/javascript/styles/kiritan/kiritan-variables.scss b/app/javascript/styles/kiritan/kiritan-variables.scss
@@ -17,6 +17,7 @@ $ui-primary-color: $kiri-base-lighter-color;
 $ui-secondary-color: lighten($kiri-base-lighter-color, 50%);
 
 $ui-button-background-color: darken($ui-highlight-color, 5%);
+$ui-button-focus-background-color: darken($ui-highlight-color, 25%);
 
 // Variables for texts
 $primary-text-color: $base-border-color;

diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss
@@ -72,6 +72,7 @@
   &:focus,
   &:hover {
     background-color: $ui-button-focus-background-color;
+    transition: all 300ms ease-out;
   }
 
   &:focus-visible {