diff --git a/src/renderer/assets/styles/variables.less b/src/renderer/assets/styles/variables.less
index fd7e5679..4f0a869f 100644
--- a/src/renderer/assets/styles/variables.less
+++ b/src/renderer/assets/styles/variables.less
@@ -23,7 +23,7 @@
 @color-theme_2-font-label: fadeout(@color-theme_2-font, 40%);
 @color-theme_2-line: lighten(@color-theme, 35%);
 @color-theme-sidebar: @color-theme;
-@color-btn: fadeout(darken(@color-theme, 5%), 15%);
+@color-btn: lighten(@color-theme, 5%);
 @color-btn-background: fadeout(lighten(@color-theme, 35%), 70%);
 
 @color-pagination-background: fadeout(lighten(@color-theme, 45%), 30%);
@@ -84,7 +84,7 @@
 @color-green-theme_2-font-label: fadeout(@color-green-theme_2-font, 40%);
 @color-green-theme_2-line: lighten(@color-green-theme, 45%);
 @color-green-theme-sidebar: @color-green-theme;
-@color-green-btn: fadeout(darken(@color-green-theme, 5%), 15%);
+@color-green-btn: lighten(@color-green-theme, 5%);
 @color-green-btn-background: fadeout(lighten(@color-green-theme, 35%), 70%);
 @color-green-pagination-background: fadeout(lighten(@color-green-theme, 45%), 30%);
 @color-green-pagination-hover: fadeout(lighten(@color-green-theme, 10%), 70%);
@@ -134,7 +134,7 @@
 @color-yellow-theme_2-font-label: fadeout(@color-yellow-theme_2-font, 40%);
 @color-yellow-theme_2-line: lighten(@color-yellow-theme, 28%);
 @color-yellow-theme-sidebar: @color-yellow-theme;
-@color-yellow-btn: fadeout(darken(@color-yellow-theme, 5%), 5%);
+@color-yellow-btn: darken(@color-yellow-theme, 5%);
 @color-yellow-btn-background: fadeout(lighten(@color-yellow-theme, 25%), 60%);
 @color-yellow-pagination-background: fadeout(lighten(@color-yellow-theme, 30%), 30%);
 @color-yellow-pagination-hover: fadeout(lighten(@color-yellow-theme, 5%), 70%);
@@ -177,19 +177,19 @@
 @color-orange-theme_2: #fff;
 @color-orange-theme_2-background_1: #fff;
 @color-orange-theme_2-background_2: fadeout(@color-orange-theme_2-background_1, 2%);
-@color-orange-theme_2-hover: fadeout(lighten(@color-orange-theme, 10%), 80%);
-@color-orange-theme_2-active: fadeout(lighten(@color-orange-theme, 10%), 70%);
+@color-orange-theme_2-hover: fadeout(darken(@color-orange-theme, 5%), 80%);
+@color-orange-theme_2-active: fadeout(darken(@color-orange-theme, 5%), 70%);
 @color-orange-theme_2-font: darken(@color-orange-theme_2, 70%);
 @color-orange-theme_2-font-label: fadeout(@color-orange-theme_2-font, 40%);
 @color-orange-theme_2-line: lighten(@color-orange-theme, 36%);
 @color-orange-theme-sidebar: @color-orange-theme;
-@color-orange-btn: fadeout(darken(@color-orange-theme, 5%), 15%);
-@color-orange-btn-background: fadeout(lighten(@color-orange-theme, 35%), 70%);
-@color-orange-pagination-background: fadeout(lighten(@color-orange-theme, 35%), 30%);
+@color-orange-btn: lighten(@color-orange-theme, 5%);
+@color-orange-btn-background: fadeout(lighten(@color-orange-theme, 25%), 60%);
+@color-orange-pagination-background: fadeout(lighten(@color-orange-theme, 25%), 40%);
 @color-orange-pagination-hover: fadeout(lighten(@color-orange-theme, 10%), 70%);
 @color-orange-pagination-active: fadeout(darken(@color-orange-theme, 10%), 70%);
 @color-orange-pagination-select: fadeout(lighten(@color-orange-theme, 10%), 50%);
-@color-orange-search-form-background: fadeout(lighten(@color-orange-theme, 35%), 10%);
+@color-orange-search-form-background: fadeout(lighten(@color-orange-theme, 30%), 10%);
 @color-orange-search-list-hover: fadeout(darken(@color-orange-theme, 10%), 70%);
 @color-orange-scrollbar-track: fadeout(@color-orange-theme, 80%);
 @color-orange-scrollbar-thumb: fadeout(@color-orange-theme, 60%);
@@ -232,8 +232,8 @@
 @color-blue-theme_2-font-label: fadeout(@color-blue-theme_2-font, 40%);
 @color-blue-theme_2-line: lighten(@color-blue-theme, 42%);
 @color-blue-theme-sidebar: @color-blue-theme;
-@color-blue-btn: fadeout(darken(@color-blue-theme, 5%), 15%);
-@color-blue-btn-background: fadeout(lighten(@color-blue-theme, 35%), 70%);
+@color-blue-btn: lighten(@color-blue-theme, 5%);
+@color-blue-btn-background: fadeout(lighten(@color-blue-theme, 35%), 50%);
 @color-blue-pagination-background: fadeout(lighten(@color-blue-theme, 40%), 30%);
 @color-blue-pagination-hover: fadeout(lighten(@color-blue-theme, 15%), 70%);
 @color-blue-pagination-active: fadeout(darken(@color-blue-theme, 15%), 70%);
@@ -281,7 +281,7 @@
 @color-red-theme_2-font-label: fadeout(@color-red-theme_2-font, 40%);
 @color-red-theme_2-line: lighten(@color-red-theme, 42%);
 @color-red-theme-sidebar: @color-red-theme;
-@color-red-btn: fadeout(darken(@color-red-theme, 5%), 15%);
+@color-red-btn: lighten(@color-red-theme, 5%);
 @color-red-btn-background: fadeout(lighten(@color-red-theme, 35%), 70%);
 @color-red-pagination-background: fadeout(lighten(@color-red-theme, 40%), 30%);
 @color-red-pagination-hover: fadeout(lighten(@color-red-theme, 15%), 70%);
@@ -332,7 +332,7 @@
 @color-pink-theme_2-font-label: fadeout(@color-pink-theme_2-font, 40%);
 @color-pink-theme_2-line: lighten(@color-pink-theme, 25%);
 @color-pink-theme-sidebar: @color-pink-theme;
-@color-pink-btn: fadeout(darken(@color-pink-theme, 5%), 5%);
+@color-pink-btn: darken(@color-pink-theme, 3%);
 @color-pink-btn-background: fadeout(lighten(@color-pink-theme, 20%), 50%);
 @color-pink-pagination-background: fadeout(lighten(@color-pink-theme, 23%), 25%);
 @color-pink-pagination-hover: fadeout(lighten(@color-pink-theme, 5%), 70%);
@@ -381,7 +381,7 @@
 @color-purple-theme_2-font-label: fadeout(@color-purple-theme_2-font, 40%);
 @color-purple-theme_2-line: lighten(@color-purple-theme, 43%);
 @color-purple-theme-sidebar: @color-purple-theme;
-@color-purple-btn: fadeout(darken(@color-purple-theme, 5%), 15%);
+@color-purple-btn: lighten(@color-purple-theme, 5%);
 @color-purple-btn-background: fadeout(lighten(@color-purple-theme, 35%), 70%);
 @color-purple-pagination-background: fadeout(lighten(@color-purple-theme, 40%), 30%);
 @color-purple-pagination-hover: fadeout(lighten(@color-purple-theme, 15%), 70%);
@@ -430,7 +430,7 @@
 @color-grey-theme_2-font-label: fadeout(@color-grey-theme_2-font, 40%);
 @color-grey-theme_2-line: lighten(@color-grey-theme, 47%);
 @color-grey-theme-sidebar: @color-grey-theme;
-@color-grey-btn: fadeout(darken(@color-grey-theme, 5%), 15%);
+@color-grey-btn: lighten(@color-grey-theme, 5%);
 @color-grey-btn-background: fadeout(lighten(@color-grey-theme, 35%), 70%);
 @color-grey-pagination-background: fadeout(lighten(@color-grey-theme, 45%), 30%);
 @color-grey-pagination-hover: fadeout(lighten(@color-grey-theme, 10%), 70%);
@@ -480,7 +480,7 @@
 @color-ming-theme_2-font-label: fadeout(@color-ming-theme_2-font, 40%);
 @color-ming-theme_2-line: lighten(@color-ming-theme, 60%);
 @color-ming-theme-sidebar: @color-ming-theme;
-@color-ming-btn: fadeout(darken(@color-ming-theme, 5%), 20%);
+@color-ming-btn: lighten(@color-ming-theme, 5%);
 @color-ming-btn-background: fadeout(lighten(@color-ming-theme, 35%), 75%);
 @color-ming-pagination-background: fadeout(lighten(@color-ming-theme, 50%), 35%);
 @color-ming-pagination-hover: fadeout(lighten(@color-ming-theme, 15%), 70%);
@@ -511,7 +511,7 @@
 @color-ming-closeBtn-hover: fadeout(@color-ming-closeBtn, 10%);
 @color-ming-badge-success: lighten(@color-ming-theme, 10%);
 @color-ming-badge-success-font: #fff;
-@color-ming-badge-info: #304574;
+@color-ming-badge-info: #6376a2;
 @color-ming-badge-info-font: #fff;
 
 @color-mid_autumn-theme: rgba(74, 55, 82, 1);
@@ -531,7 +531,7 @@
 @color-mid_autumn-theme_2-font-label: desaturate(lighten(@color-mid_autumn-theme, 30%), 45%);
 @color-mid_autumn-theme_2-line: lighten(@color-mid_autumn-theme, 63%);
 @color-mid_autumn-theme-sidebar: rgba(255, 255, 255, 0);
-@color-mid_autumn-btn: fadeout(darken(@color-mid_autumn-theme, 5%), 27%);
+@color-mid_autumn-btn: lighten(@color-mid_autumn-theme, 10%);
 @color-mid_autumn-btn-background: fadeout(lighten(@color-mid_autumn-theme, 35%), 70%);
 @color-mid_autumn-pagination-background: fadeout(lighten(@color-mid_autumn-theme, 45%), 50%);
 @color-mid_autumn-pagination-hover: fadeout(lighten(@color-mid_autumn-theme, 10%), 70%);
@@ -580,7 +580,7 @@
 @color-naruto-theme_2-font-label: desaturate(lighten(@color-naruto-theme, 10%), 45%);
 @color-naruto-theme_2-line: fadeout(lighten(@color-naruto-theme, 36%), 70%);
 @color-naruto-theme-sidebar: rgba(255, 255, 255, .3);
-@color-naruto-btn: fadeout(darken(@color-naruto-theme, 5%), 15%);
+@color-naruto-btn: lighten(@color-naruto-theme, 2%);
 @color-naruto-btn-background: fadeout(lighten(@color-naruto-theme, 35%), 70%);
 @color-naruto-pagination-background: fadeout(lighten(@color-naruto-theme, 20%), 70%);
 @color-naruto-pagination-hover: fadeout(lighten(@color-naruto-theme, 10%), 60%);
@@ -629,7 +629,7 @@
 @color-happy_new_year-theme_2-font-label: desaturate(darken(@color-happy_new_year-theme, 5%), 50%);
 @color-happy_new_year-theme_2-line: fadeout(lighten(@color-happy_new_year-theme, 16%), 70%);
 @color-happy_new_year-theme-sidebar: rgba(119, 37, 18, 0.1);
-@color-happy_new_year-btn: fadeout(darken(@color-happy_new_year-theme, 5%), 15%);
+@color-happy_new_year-btn: desaturate(@color-happy_new_year-theme, 10%);
 @color-happy_new_year-btn-background: fadeout(lighten(@color-happy_new_year-theme, 15%), 60%);
 @color-happy_new_year-pagination-background: fadeout(lighten(@color-happy_new_year-theme, 15%), 40%);
 @color-happy_new_year-pagination-hover: fadeout(lighten(@color-happy_new_year-theme, 10%), 70%);