diff --git a/assets/css/_colors.scss b/assets/css/_colors.scss
index 85a3128..bf74c6d 100644
--- a/assets/css/_colors.scss
+++ b/assets/css/_colors.scss
@@ -4,6 +4,8 @@
   --content-bg-color: #{$content-bg-color};
   --card-bg-color: #{$card-bg-color};
   --text-color: #{$text-color};
+  --selection-bg: #{$grey-lighter};
+  --selection-color: #{$black-deep};
   --blockquote-color: #{$blockquote-color};
   --link-color: #{$link-color};
   --link-hover-color: #{$link-hover-color};
@@ -38,6 +40,8 @@
   --content-bg-color: #{$content-bg-color-dark};
   --card-bg-color: #{$card-bg-color-dark};
   --text-color: #{$text-color-dark};
+  --selection-bg: #{$gainsboro};
+  --selection-color: #{$black-dim};
   --blockquote-color: #{$blockquote-color-dark};
   --link-color: #{$link-color-dark};
   --link-hover-color: #{$link-hover-color-dark};
diff --git a/assets/css/_common/scaffolding/base.scss b/assets/css/_common/scaffolding/base.scss
index 3f3e049..2ca5f66 100644
--- a/assets/css/_common/scaffolding/base.scss
+++ b/assets/css/_common/scaffolding/base.scss
@@ -1,6 +1,7 @@
 ::selection {
-  background: $selection-bg;
-  color: $selection-color;
+  background: var(--selection-bg);
+  color: var(--selection-color);
+
 }
 
 html, body {
diff --git a/assets/css/_common/scaffolding/highlight/copy-code.scss b/assets/css/_common/scaffolding/highlight/copy-code.scss
index d69c9d0..fc7e19a 100644
--- a/assets/css/_common/scaffolding/highlight/copy-code.scss
+++ b/assets/css/_common/scaffolding/highlight/copy-code.scss
@@ -3,6 +3,7 @@
 
   background: var(--highlight-background);
   margin-bottom: 26px;
+  line-height: 1.185;
 
   //TODO  Need fixed the copy button show position.
   div:first-child {
@@ -12,14 +13,16 @@
   pre {
     position: relative;
     overflow-x: auto;
-    padding: 4px;
+    padding: 6px;
+    overflow-wrap: break-word;
+    line-break: anywhere;
   }
 
-  table tbody tr {
+ /* table tbody tr {
     //TODO Fixed the too long code line over
     // layout background color.
     background: #272822;    
-  }
+  }*/
 
   /* pre > code span {
     white-space: break-spaces;
diff --git a/assets/css/_variables/base.scss b/assets/css/_variables/base.scss
index ac11f59..9de4314 100644
--- a/assets/css/_variables/base.scss
+++ b/assets/css/_variables/base.scss
@@ -60,8 +60,10 @@ $content-bg-color             : white;
 $content-bg-color-dark        : $black-dim;
 
 // Selection
-$selection-bg                 : $blue-deep;
+$selection-bg                 : rgba(53, 166, 247, 0.25) !default;
+$selection-bg-dark            : rgba(50, 112, 194, 0.4) !default;
 $selection-color              : $gainsboro;
+$selection-color-dark         : $grey-dark;
 
 // Dark mode color
 $card-bg-color                : $whitesmoke;