diff --git a/src/renderer/features/shared/components/play-button.tsx b/src/renderer/features/shared/components/play-button.tsx
index d54b290c..40ad83f2 100644
--- a/src/renderer/features/shared/components/play-button.tsx
+++ b/src/renderer/features/shared/components/play-button.tsx
@@ -6,21 +6,21 @@ const MotionButton = styled(UnstyledButton)`
   display: flex;
   align-items: center;
   justify-content: center;
-  background-color: var(--btn-primary-bg);
+  background-color: var(--btn-filled-bg);
   border: none;
   border-radius: 50%;
   opacity: 0.8;
 
   svg {
-    fill: var(--btn-primary-fg);
+    fill: var(--btn-filled-fg);
   }
 
   &:hover {
-    background-color: var(--btn-primary-bg-hover);
+    background-color: var(--btn-filled-bg-hover);
     transform: scale(1.1);
 
     svg {
-      fill: var(--btn-primary-fg-hover);
+      fill: var(--btn-filled-fg-hover);
     }
   }
 
diff --git a/src/renderer/themes/default.scss b/src/renderer/themes/default.scss
index 1acefa0a..44acc802 100644
--- a/src/renderer/themes/default.scss
+++ b/src/renderer/themes/default.scss
@@ -43,12 +43,12 @@
   --scrollbar-thumb-bg: rgba(160, 160, 160, 0.3);
   --scrollbar-thumb-bg-hover: rgba(160, 160, 160, 0.6);
 
-  --btn-primary-bg: var(--primary-color);
-  --btn-primary-bg-hover: rgb(34, 96, 255);
-  --btn-primary-fg: #ffffff;
-  --btn-primary-fg-hover: #ffffff;
-  --btn-primary-border: none;
-  --btn-primary-radius: 4px;
+  --btn-filled-bg: var(--primary-color);
+  --btn-filled-bg-hover: rgb(34, 96, 255);
+  --btn-filled-fg: #ffffff;
+  --btn-filled-fg-hover: #ffffff;
+  --btn-filled-border: none;
+  --btn-filled-radius: 4px;
 
   --btn-default-bg: rgb(31, 31, 32);
   --btn-default-bg-hover: rgb(63, 63, 63);
diff --git a/src/renderer/themes/light.scss b/src/renderer/themes/light.scss
index a096291d..a3b842a4 100644
--- a/src/renderer/themes/light.scss
+++ b/src/renderer/themes/light.scss
@@ -38,9 +38,9 @@ body[data-theme='defaultLight'] {
   --scrollbar-thumb-bg: rgba(140, 140, 140, 0.3);
   --scrollbar-thumb-bg: rgba(140, 140, 140, 0.6);
 
-  --btn-primary-bg: var(--primary-color);
-  --btn-primary-fg: #ffffff;
-  --btn-primary-fg-hover: #ffffff;
+  --btn-filled-bg: var(--primary-color);
+  --btn-filled-fg: #ffffff;
+  --btn-filled-fg-hover: #ffffff;
 
   --btn-default-bg: rgb(220, 220, 220);
   --btn-default-bg-hover: rgb(210, 210, 210);