From a493c9f76907a24c8a4caf489f861a1709b4e66b Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Thu, 7 Mar 2019 09:30:44 +0900
Subject: [PATCH] :art:

---
 .../common/views/components/settings/theme.vue   | 16 ++++++++--------
 src/client/style.styl                            |  2 +-
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/client/app/common/views/components/settings/theme.vue b/src/client/app/common/views/components/settings/theme.vue
index 7e3ee4a8e..1dff61e45 100644
--- a/src/client/app/common/views/components/settings/theme.vue
+++ b/src/client/app/common/views/components/settings/theme.vue
@@ -386,7 +386,7 @@ export default Vue.extend({
 			height: 50px;
 			background-color: #83D8FF;
 			border-radius: 90px - 6;
-			transition: background-color 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
+			transition: background-color 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95) !important;
 
 			&:before {
 				content: 'Light';
@@ -418,14 +418,14 @@ export default Vue.extend({
 			background-color: #FFCF96;
 			border-radius: 50px;
 			box-shadow: 0 2px 6px rgba(0,0,0,.3);
-			transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
+			transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
 			transform:  rotate(-45deg);
 
 			.crater {
 				position: absolute;
 				background-color: #E8CDA5;
 				opacity: 0;
-				transition: opacity 200ms ease-in-out;
+				transition: opacity 200ms ease-in-out !important;
 				border-radius: 100%;
 			}
 
@@ -454,7 +454,7 @@ export default Vue.extend({
 		.star {
 			position: absolute;
 			background-color: #ffffff;
-			transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
+			transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95) !important;
 			border-radius: 50%;
 		}
 
@@ -486,7 +486,7 @@ export default Vue.extend({
 		.star--5,
 		.star--6 {
 			opacity: 0;
-			transition: all 300ms 0 cubic-bezier(0.445, 0.05, 0.55, 0.95);
+			transition: all 300ms 0 cubic-bezier(0.445, 0.05, 0.55, 0.95) !important;
 		}
 
 		.star--4 {
@@ -559,13 +559,13 @@ export default Vue.extend({
 					transform: translate3d(0,0,0);
 				}
 				.star--4 {
-					transition: all 300ms 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
+					transition: all 300ms 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95) !important;
 				}
 				.star--5 {
-					transition: all 300ms 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
+					transition: all 300ms 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95) !important;
 				}
 				.star--6 {
-					transition: all 300ms 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
+					transition: all 300ms 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95) !important;
 				}
 			}
 		}
diff --git a/src/client/style.styl b/src/client/style.styl
index 5c1f0a1b6..c6a8e4f19 100644
--- a/src/client/style.styl
+++ b/src/client/style.styl
@@ -22,7 +22,7 @@ html, body
 
 html.changing-theme
 	&, *
-		transition background 1s ease
+		transition background 1s ease !important
 
 a
 	text-decoration none