logs style polish

public/sass/_variables.light.scss

@@ -62,7 +62,7 @@ $critical: #ec2128;
 // -------------------------
 // -------------------------
 
 
 $body-bg: $gray-7;
 $body-bg: $gray-7;
-$page-bg: $gray-6;
+$page-bg: $gray-7;
 $body-color: $gray-1;
 $body-color: $gray-1;
 $text-color: $gray-1;
 $text-color: $gray-1;
 $text-color-strong: $dark-2;
 $text-color-strong: $dark-2;
@@ -402,6 +402,6 @@ $panel-grid-placeholder-shadow: 0 0 4px $blue-light;
 $logs-color-unkown: $gray-5;
 $logs-color-unkown: $gray-5;
 
 
 // toggle-group
 // toggle-group
-$button-toggle-group-btn-active-bg: linear-gradient(90deg, $yellow, $red);
-$button-toggle-group-btn-active-shadow: inset 0 0 4px $black;
+$button-toggle-group-btn-active-bg: $brand-primary;
+$button-toggle-group-btn-active-shadow: inset 0 0 4px $white;
 $button-toggle-group-btn-seperator-border: 1px solid $gray-6;
 $button-toggle-group-btn-seperator-border: 1px solid $gray-6;

public/sass/components/_toggle_button_group.scss

@@ -8,13 +8,13 @@
     font-weight: $font-weight-semi-bold;
     font-weight: $font-weight-semi-bold;
     font-size: $font-size-sm;
     font-size: $font-size-sm;
     border-radius: 0;
     border-radius: 0;
-    color: $text-color;
     border-right: $button-toggle-group-btn-seperator-border;
     border-right: $button-toggle-group-btn-seperator-border;
 
 
     &.active {
     &.active {
       background: $button-toggle-group-btn-active-bg;
       background: $button-toggle-group-btn-active-bg;
       box-shadow: $button-toggle-group-btn-active-shadow;
       box-shadow: $button-toggle-group-btn-active-shadow;
       border-right: 0;
       border-right: 0;
+      color: $white;
 
 
       &:hover {
       &:hover {
         cursor: default;
         cursor: default;