First Push

src/app/home/home.page.html

@@ -1,5 +1,5 @@
-<ion-header [translucent]="true">
-  <ion-toolbar>
+<ion-header >
+  <ion-toolbar class="toolbar-bg-color">
     <ion-buttons slot="end">
       <ion-menu-button></ion-menu-button>
     </ion-buttons>

src/app/news/news.page.html

@@ -1,5 +1,5 @@
-<ion-header [translucent]="true">
-  <ion-toolbar>
+<ion-header>
+  <ion-toolbar class="toolbar-bg-color">
     <ion-buttons slot="end">
       <ion-menu-button></ion-menu-button>
     </ion-buttons>

src/app/youtube/youtube.page.html

@@ -1,5 +1,5 @@
-<ion-header [translucent]="true">
-  <ion-toolbar>
+<ion-header>
+  <ion-toolbar class="toolbar-bg-color">
     <ion-buttons slot="end">
       <ion-menu-button></ion-menu-button>
     </ion-buttons>

src/global.scss

@@ -104,3 +104,17 @@ h3{
   margin-left:10px;
   margin-top:5px;
 }
+
+// ion-toolbar {
+//   --background: #1b1616;
+// }
+// ion-header::after {
+//   display: none;
+// }
+
+.toolbar-bg-color {
+  --background: rgb(25, 42, 113);
+  --background: linear-gradient(315deg, rgb(0, 0, 0) 0%, hsla(190, 68%, 30%, 1) 100%);
+  --background: -moz-linear-gradient(315deg, rgb(0, 0, 0) 0%, hsla(190, 68%, 30%, 1) 100%);
+  --background: -webkit-linear-gradient(315deg, rgb(0, 0, 0) 0%, hsla(190, 68%, 30%, 1) 100%);
+}