Redesign channel page

1 files changed, 20 insertions, 5 deletions

diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index a0009eecc..0a92afef3 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -36,7 +36,9 @@ body {
 
   --menuBackgroundColor: #{$menu-background};
   --menuForegroundColor: #{$menu-color};
+
   --submenuColor: #{$sub-menu-color};
+  --channelBackgroundColor: #{$channel-background-color};
 
   --inputForegroundColor: #{$input-foreground-color};
   --inputBackgroundColor: #{$input-background-color};
@@ -277,11 +279,6 @@ my-input-toggle-hidden ::ng-deep input {
   font-weight: bold;
 }
 
-@keyframes spin {
-  from { transform: scale(1) rotate(0deg);}
-  to { transform: scale(1) rotate(360deg);}
-}
-
 // In tables, don't have a hover different background
 table {
   .action-button-edit, .action-button-delete {
@@ -468,3 +465,21 @@ ngx-loading-bar {
     }
   }
 }
+
+// Utils
+
+.peertube-button {
+  @include peertube-button;
+}
+
+.peertube-button-link {
+  @include peertube-button-link;
+}
+
+.orange-button {
+  @include orange-button;
+}
+
+.orange-button-inverted {
+  @include orange-button-inverted;
+}