4 files changed, 19 insertions, 19 deletions

diff --git a/web/css/kvm/about.css b/web/css/kvm/about.css
index a841c3a6..c049dd59 100644
--- a/web/css/kvm/about.css
+++ b/web/css/kvm/about.css
@@ -30,8 +30,8 @@ div#about textarea {
 	width: 100%;
 	height: 200px;
 	padding: 0;
-	color: var(--fg-color-light);
-	background-color: var(--bg-color-dark);
+	color: var(--cs-code-default-fg);
+	background-color: var(--cs-code-default-bg);
 	border: none;
 	border-radius: 4px;
 	outline: 0 !important;
@@ -55,5 +55,5 @@ div#about textarea::-webkit-scrollbar {
 }
 div#about textarea::-webkit-scrollbar-thumb {
 	border-radius: 4px;
-	background: var(--fg-color-inactive);
+	background: var(--cs-scroll-default-bg);
 }
diff --git a/web/css/kvm/hid.css b/web/css/kvm/hid.css
index 28f4291e..6663a85c 100644
--- a/web/css/kvm/hid.css
+++ b/web/css/kvm/hid.css
@@ -3,8 +3,8 @@ textarea#hid-pak-text {
 	resize: none;
 	width: 100%;
 	height: 40px;
-	color: var(--fg-color-intensive);
-	background-color: var(--bg-color-light);
+	color: var(--cs-window-default-fg);
+	background-color: var(--cs-window-default-bg);
 	border: none;
 	outline: 0 !important;
 	-webkit-appearance:none;
diff --git a/web/css/kvm/keyboard.css b/web/css/kvm/keyboard.css
index 5d9b5df3..2ff622f3 100644
--- a/web/css/kvm/keyboard.css
+++ b/web/css/kvm/keyboard.css
@@ -31,26 +31,26 @@ div.keyboard div.key, div.modifier {
 	text-align: center;
 	vertical-align: top;
 	box-shadow: var(--shadow-micro);
-	border: var(--border-gray-thin);
+	border: var(--border-key-thin);
 	border-radius: 6px;
-	color: var(--fg-color-normal);
-	background-color: var(--bg-color-gray);
+	color: var(--cs-key-default-fg);
+	background-color: var(--cs-key-default-bg);
 	cursor: pointer;
 	height: 40px;
 }
 div.keyboard div.key:hover, div.modifier:hover {
-	color: var(--fg-color-intensive);
-	background-color: var(--bg-color-menu);
+	color: var(--cs-key-hovered-fg);
+	background-color: var(--cs-key-hovered-bg);
 }
 div.keyboard div.pressed {
 	box-shadow: none;
-	color: var(--fg-color-selected) !important;
-	background-color: var(--bg-color-dark) !important;
+	color: var(--cs-key-pressed-fg) !important;
+	background-color: var(--cs-key-pressed-bg) !important;
 }
 div.keyboard div.holded {
 	box-shadow: none;
-	color: var(--fg-color-normal) !important;
-	background-color: var(--bg-color-intensive) !important;
+	color: var(--cs-key-default-fg) !important;
+	background-color: var(--cs-key-holded-bg) !important;
 }
 div.keyboard div.key:last-child, div.empty-key:last-child, div.modifier:last-child {
 	margin-right: 0;
@@ -96,7 +96,7 @@ div.keyboard p {
 	transform: translateY(-50%);
 }
 div.keyboard b {
-	color: var(--bg-color-intensive);
+	color: var(--cs-key-holded-bg);
 }
 
 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
@@ -133,8 +133,8 @@ div#keyboard-mobile {
 	}
 
 	div.keyboard div.key:hover, div.modifier:hover {
-		color: var(--fg-color-normal);
-		background-color: var(--bg-color-gray);
+		color: var(--cs-key-default-fg);
+		background-color: var(--cs-key-default-bg);
 	}
 
 	div#keyboard-desktop {
diff --git a/web/css/kvm/stream.css b/web/css/kvm/stream.css
index 10670ef4..c99c3c9c 100644
--- a/web/css/kvm/stream.css
+++ b/web/css/kvm/stream.css
@@ -5,7 +5,7 @@ div#stream-info {
 div#stream-box {
 	position: relative;
 	display: inline-block;
-	border: var(--border-dark-thin);
+	border: var(--border-window-thin);
 }
 div.stream-box-inactive::after {
 	cursor: wait;
@@ -82,7 +82,7 @@ div#stream-mouse-buttons {
 		padding: 0;
 		padding-bottom: 3px;
 		font-size: 0.8em;
-		color: var(--fg-color-dark);
+		color: var(--cs-window-header-default-fg);
 	}
 	div#stream-mouse-buttons {
 		display: block !important;