From 50b5967a3723fea9fdc6b3c1b52687c805ff675c Mon Sep 17 00:00:00 2001
From: Bnyro <bnyro@tutanota.com>
Date: Fri, 2 Dec 2022 13:59:06 +0100
Subject: [PATCH] rename the black/white theme to minimalistic monochrome

---
 .../com/github/libretube/util/ThemeHelper.kt  |   2 +-
 app/src/main/res/values-night/themes.xml      |  54 ++++----
 app/src/main/res/values/array.xml             |   4 +-
 app/src/main/res/values/colors.xml            | 116 +++++++++---------
 app/src/main/res/values/strings.xml           |   2 +-
 app/src/main/res/values/themes.xml            |  54 ++++----
 6 files changed, 116 insertions(+), 116 deletions(-)

diff --git a/app/src/main/java/com/github/libretube/util/ThemeHelper.kt b/app/src/main/java/com/github/libretube/util/ThemeHelper.kt
index 0e61ffb10..12784f34d 100644
--- a/app/src/main/java/com/github/libretube/util/ThemeHelper.kt
+++ b/app/src/main/java/com/github/libretube/util/ThemeHelper.kt
@@ -47,7 +47,7 @@ object ThemeHelper {
             "yellow" -> R.style.Theme_Yellow
             "green" -> R.style.Theme_Green
             "purple" -> R.style.Theme_Purple
-            "bw" -> R.style.Theme_BlackWhite
+            "monochrome" -> R.style.Theme_Monochrome
             else -> R.style.Theme_Purple
         }
         activity.setTheme(theme)
diff --git a/app/src/main/res/values-night/themes.xml b/app/src/main/res/values-night/themes.xml
index b99d50146..af531111c 100644
--- a/app/src/main/res/values-night/themes.xml
+++ b/app/src/main/res/values-night/themes.xml
@@ -180,35 +180,35 @@
 
     </style>
 
-    <style name="Theme.BlackWhite" parent="BaseTheme">
+    <style name="Theme.Monochrome" parent="BaseTheme">
 
-        <item name="colorPrimary">@color/black_white_theme_dark_primary</item>
-        <item name="colorOnPrimary">@color/black_white_theme_dark_onPrimary</item>
-        <item name="colorPrimaryContainer">@color/black_white_theme_dark_primaryContainer</item>
-        <item name="colorOnPrimaryContainer">@color/black_white_theme_dark_onPrimaryContainer</item>
-        <item name="colorSecondary">@color/black_white_theme_dark_secondary</item>
-        <item name="colorOnSecondary">@color/black_white_theme_dark_onSecondary</item>
-        <item name="colorSecondaryContainer">@color/black_white_theme_dark_secondaryContainer</item>
-        <item name="colorOnSecondaryContainer">@color/black_white_theme_dark_onSecondaryContainer
+        <item name="colorPrimary">@color/monochrome_theme_dark_primary</item>
+        <item name="colorOnPrimary">@color/monochrome_theme_dark_onPrimary</item>
+        <item name="colorPrimaryContainer">@color/monochrome_theme_dark_primaryContainer</item>
+        <item name="colorOnPrimaryContainer">@color/monochrome_theme_dark_onPrimaryContainer</item>
+        <item name="colorSecondary">@color/monochrome_theme_dark_secondary</item>
+        <item name="colorOnSecondary">@color/monochrome_theme_dark_onSecondary</item>
+        <item name="colorSecondaryContainer">@color/monochrome_theme_dark_secondaryContainer</item>
+        <item name="colorOnSecondaryContainer">@color/monochrome_theme_dark_onSecondaryContainer
         </item>
-        <item name="colorTertiary">@color/black_white_theme_dark_tertiary</item>
-        <item name="colorOnTertiary">@color/black_white_theme_dark_onTertiary</item>
-        <item name="colorTertiaryContainer">@color/black_white_theme_dark_tertiaryContainer</item>
-        <item name="colorOnTertiaryContainer">@color/black_white_theme_dark_onTertiaryContainer</item>
-        <item name="colorError">@color/black_white_theme_dark_error</item>
-        <item name="colorErrorContainer">@color/black_white_theme_dark_errorContainer</item>
-        <item name="colorOnError">@color/black_white_theme_dark_onError</item>
-        <item name="colorOnErrorContainer">@color/black_white_theme_dark_onErrorContainer</item>
-        <item name="android:colorBackground">@color/black_white_theme_dark_background</item>
-        <item name="colorOnBackground">@color/black_white_theme_dark_onBackground</item>
-        <item name="colorSurface">@color/black_white_theme_dark_surface</item>
-        <item name="colorOnSurface">@color/black_white_theme_dark_onSurface</item>
-        <item name="colorSurfaceVariant">@color/black_white_theme_dark_surfaceVariant</item>
-        <item name="colorOnSurfaceVariant">@color/black_white_theme_dark_onSurfaceVariant</item>
-        <item name="colorOutline">@color/black_white_theme_dark_outline</item>
-        <item name="colorOnSurfaceInverse">@color/black_white_theme_dark_inverseOnSurface</item>
-        <item name="colorSurfaceInverse">@color/black_white_theme_dark_inverseSurface</item>
-        <item name="colorPrimaryInverse">@color/black_white_theme_dark_inversePrimary</item>
+        <item name="colorTertiary">@color/monochrome_theme_dark_tertiary</item>
+        <item name="colorOnTertiary">@color/monochrome_theme_dark_onTertiary</item>
+        <item name="colorTertiaryContainer">@color/monochrome_theme_dark_tertiaryContainer</item>
+        <item name="colorOnTertiaryContainer">@color/monochrome_theme_dark_onTertiaryContainer</item>
+        <item name="colorError">@color/monochrome_theme_dark_error</item>
+        <item name="colorErrorContainer">@color/monochrome_theme_dark_errorContainer</item>
+        <item name="colorOnError">@color/monochrome_theme_dark_onError</item>
+        <item name="colorOnErrorContainer">@color/monochrome_theme_dark_onErrorContainer</item>
+        <item name="android:colorBackground">@color/monochrome_theme_dark_background</item>
+        <item name="colorOnBackground">@color/monochrome_theme_dark_onBackground</item>
+        <item name="colorSurface">@color/monochrome_theme_dark_surface</item>
+        <item name="colorOnSurface">@color/monochrome_theme_dark_onSurface</item>
+        <item name="colorSurfaceVariant">@color/monochrome_theme_dark_surfaceVariant</item>
+        <item name="colorOnSurfaceVariant">@color/monochrome_theme_dark_onSurfaceVariant</item>
+        <item name="colorOutline">@color/monochrome_theme_dark_outline</item>
+        <item name="colorOnSurfaceInverse">@color/monochrome_theme_dark_inverseOnSurface</item>
+        <item name="colorSurfaceInverse">@color/monochrome_theme_dark_inverseSurface</item>
+        <item name="colorPrimaryInverse">@color/monochrome_theme_dark_inversePrimary</item>
 
     </style>
 
diff --git a/app/src/main/res/values/array.xml b/app/src/main/res/values/array.xml
index df55e6362..441433553 100644
--- a/app/src/main/res/values/array.xml
+++ b/app/src/main/res/values/array.xml
@@ -176,7 +176,7 @@
         <item>@string/color_yellow</item>
         <item>@string/color_green</item>
         <item>@string/color_purple</item>
-        <item>@string/theme_black_white</item>
+        <item>@string/theme_monochrome</item>
     </string-array>
 
     <string-array name="accentsValue">
@@ -186,7 +186,7 @@
         <item>yellow</item>
         <item>green</item>
         <item>purple</item>
-        <item>bw</item>
+        <item>monochrome</item>
     </string-array>
 
     <string-array name="defres">
diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
index 49cd150ca..ad3caac67 100644
--- a/app/src/main/res/values/colors.xml
+++ b/app/src/main/res/values/colors.xml
@@ -298,63 +298,63 @@
     <color name="purple_md_theme_dark_surfaceTint">#FFACE7</color>
     <color name="purple_md_theme_dark_surfaceTintColor">#FFACE7</color>
                                                                                  // Colors without comments seem to be not used
-    <color name="black_white_theme_light_primary">#616161</color>                // LibreTube Logo, Hyperlinks and on-off switch (on status: filling) (also influence on the navbar colour)
-    <color name="black_white_theme_light_onPrimary">#FFFFFF</color>              // on-off switch (on status: circle)
-    <color name="black_white_theme_light_primaryContainer">#DCDCDC</color>
-    <color name="black_white_theme_light_onPrimaryContainer">#272727</color>
-    <color name="black_white_theme_light_secondary">#797979</color>              // Headline Text
-    <color name="black_white_theme_light_onSecondary">#B39494</color>            // SponsorBlock marker
-    <color name="black_white_theme_light_secondaryContainer">#DCDCDC</color>     // NavBar Icon Container (selected)
-    <color name="black_white_theme_light_onSecondaryContainer">#272727</color>   // Navbar Icon (selected)
-    <color name="black_white_theme_light_tertiary">#DCDCDC</color>
-    <color name="black_white_theme_light_onTertiary">#272727</color>
-    <color name="black_white_theme_light_tertiaryContainer">#DCDCDC</color>
-    <color name="black_white_theme_light_onTertiaryContainer">#272727</color>
-    <color name="black_white_theme_light_error">#DCDCDC</color>
-    <color name="black_white_theme_light_errorContainer">#DCDCDC</color>
-    <color name="black_white_theme_light_onError">#272727</color>
-    <color name="black_white_theme_light_onErrorContainer">#272727</color>
-    <color name="black_white_theme_light_background">#FFFFFF</color>             // Background (Settings and home)
-    <color name="black_white_theme_light_onBackground">#272727</color>
-    <color name="black_white_theme_light_surface">#FFFFFF</color>                // Navbar and Flyouts (uses also the "primary" color)
-    <color name="black_white_theme_light_onSurface">#272727</color>              // NavBar Text (selected) and some Flyout Headlines
-    <color name="black_white_theme_light_surfaceVariant">#DCDCDC</color>         // on-off switch (off status: filling)
-    <color name="black_white_theme_light_onSurfaceVariant">#353535</color>       // text in Flyouts, Animation color (subscription button)
-    <color name="black_white_theme_light_outline">#797979</color>                // on-off switch (off status: border)
-    <color name="black_white_theme_light_inverseOnSurface">#DCDCDC</color>
-    <color name="black_white_theme_light_inverseSurface">#606060</color>
-    <color name="black_white_theme_light_inversePrimary">#C1C1C1</color>
-    <color name="black_white_theme_light_shadow">#000000</color>
-    <color name="black_white_theme_light_surfaceTint">#717171</color>
-    <color name="black_white_theme_light_surfaceTintColor">#717171</color>
-    <color name="black_white_theme_dark_primary">#AAAAAA</color>                // LibreTube Logo, Hyperlinks and on-off switch (on status: filling) (also influence on the navbar colour)
-    <color name="black_white_theme_dark_onPrimary">#1C1C1C</color>              // on-off switch (on status: circle)
-    <color name="black_white_theme_dark_primaryContainer">#4D4D4D</color>
-    <color name="black_white_theme_dark_onPrimaryContainer">#A3A3A3</color>
-    <color name="black_white_theme_dark_secondary">#A3A3A3</color>              // Headline Text
-    <color name="black_white_theme_dark_onSecondary">#886A6A</color>            // SponsorBlock marker
-    <color name="black_white_theme_dark_secondaryContainer">#4D4D4D</color>     // NavBar Icon Container (selected)
-    <color name="black_white_theme_dark_onSecondaryContainer">#A3A3A3</color>   // Navbar Icon Color (selected)
-    <color name="black_white_theme_dark_tertiary">#4D4D4D</color>
-    <color name="black_white_theme_dark_onTertiary">#A3A3A3</color>
-    <color name="black_white_theme_dark_tertiaryContainer">#4D4D4D</color>
-    <color name="black_white_theme_dark_onTertiaryContainer">#A3A3A3</color>
-    <color name="black_white_theme_dark_error">#4D4D4D</color>
-    <color name="black_white_theme_dark_errorContainer">#4D4D4D</color>
-    <color name="black_white_theme_dark_onError">#A3A3A3</color>
-    <color name="black_white_theme_dark_onErrorContainer">#A3A3A3</color>
-    <color name="black_white_theme_dark_background">#1C1C1C</color>             // Background (Settings and home)
-    <color name="black_white_theme_dark_onBackground">#A3A3A3</color>
-    <color name="black_white_theme_dark_surface">#1C1C1C</color>                // Navbar and Flyouts (uses also the "primary" color) 252525
-    <color name="black_white_theme_dark_onSurface">#A3A3A3</color>              // NavBar Text (selected) and some Flyout Headlines
-    <color name="black_white_theme_dark_surfaceVariant">#4D4D4D</color>         // on-off switch (off status: filling)
-    <color name="black_white_theme_dark_onSurfaceVariant">#A3A3A3</color>       // text in Flyouts, Animation color (subscription button)
-    <color name="black_white_theme_dark_outline">#A3A3A3</color>                // on-off switch (off status: border)
-    <color name="black_white_theme_dark_inverseOnSurface">#404040</color>
-    <color name="black_white_theme_dark_inverseSurface">#C3C3C3</color>
-    <color name="black_white_theme_dark_inversePrimary">#707070</color>
-    <color name="black_white_theme_dark_shadow">#000000</color>
-    <color name="black_white_theme_dark_surfaceTint">#C3C3C3</color>
-    <color name="black_white_theme_dark_surfaceTintColor">#C3C3C3</color>
+    <color name="monochrome_theme_light_primary">#616161</color>                // LibreTube Logo, Hyperlinks and on-off switch (on status: filling) (also influence on the navbar colour)
+    <color name="monochrome_theme_light_onPrimary">#FFFFFF</color>              // on-off switch (on status: circle)
+    <color name="monochrome_theme_light_primaryContainer">#DCDCDC</color>
+    <color name="monochrome_theme_light_onPrimaryContainer">#272727</color>
+    <color name="monochrome_theme_light_secondary">#797979</color>              // Headline Text
+    <color name="monochrome_theme_light_onSecondary">#B39494</color>            // SponsorBlock marker
+    <color name="monochrome_theme_light_secondaryContainer">#DCDCDC</color>     // NavBar Icon Container (selected)
+    <color name="monochrome_theme_light_onSecondaryContainer">#272727</color>   // Navbar Icon (selected)
+    <color name="monochrome_theme_light_tertiary">#DCDCDC</color>
+    <color name="monochrome_theme_light_onTertiary">#272727</color>
+    <color name="monochrome_theme_light_tertiaryContainer">#DCDCDC</color>
+    <color name="monochrome_theme_light_onTertiaryContainer">#272727</color>
+    <color name="monochrome_theme_light_error">#DCDCDC</color>
+    <color name="monochrome_theme_light_errorContainer">#DCDCDC</color>
+    <color name="monochrome_theme_light_onError">#272727</color>
+    <color name="monochrome_theme_light_onErrorContainer">#272727</color>
+    <color name="monochrome_theme_light_background">#FFFFFF</color>             // Background (Settings and home)
+    <color name="monochrome_theme_light_onBackground">#272727</color>
+    <color name="monochrome_theme_light_surface">#FFFFFF</color>                // Navbar and Flyouts (uses also the "primary" color)
+    <color name="monochrome_theme_light_onSurface">#272727</color>              // NavBar Text (selected) and some Flyout Headlines
+    <color name="monochrome_theme_light_surfaceVariant">#DCDCDC</color>         // on-off switch (off status: filling)
+    <color name="monochrome_theme_light_onSurfaceVariant">#353535</color>       // text in Flyouts, Animation color (subscription button)
+    <color name="monochrome_theme_light_outline">#797979</color>                // on-off switch (off status: border)
+    <color name="monochrome_theme_light_inverseOnSurface">#DCDCDC</color>
+    <color name="monochrome_theme_light_inverseSurface">#606060</color>
+    <color name="monochrome_theme_light_inversePrimary">#C1C1C1</color>
+    <color name="monochrome_theme_light_shadow">#000000</color>
+    <color name="monochrome_theme_light_surfaceTint">#717171</color>
+    <color name="monochrome_theme_light_surfaceTintColor">#717171</color>
+    <color name="monochrome_theme_dark_primary">#AAAAAA</color>                // LibreTube Logo, Hyperlinks and on-off switch (on status: filling) (also influence on the navbar colour)
+    <color name="monochrome_theme_dark_onPrimary">#1C1C1C</color>              // on-off switch (on status: circle)
+    <color name="monochrome_theme_dark_primaryContainer">#4D4D4D</color>
+    <color name="monochrome_theme_dark_onPrimaryContainer">#A3A3A3</color>
+    <color name="monochrome_theme_dark_secondary">#A3A3A3</color>              // Headline Text
+    <color name="monochrome_theme_dark_onSecondary">#886A6A</color>            // SponsorBlock marker
+    <color name="monochrome_theme_dark_secondaryContainer">#4D4D4D</color>     // NavBar Icon Container (selected)
+    <color name="monochrome_theme_dark_onSecondaryContainer">#A3A3A3</color>   // Navbar Icon Color (selected)
+    <color name="monochrome_theme_dark_tertiary">#4D4D4D</color>
+    <color name="monochrome_theme_dark_onTertiary">#A3A3A3</color>
+    <color name="monochrome_theme_dark_tertiaryContainer">#4D4D4D</color>
+    <color name="monochrome_theme_dark_onTertiaryContainer">#A3A3A3</color>
+    <color name="monochrome_theme_dark_error">#4D4D4D</color>
+    <color name="monochrome_theme_dark_errorContainer">#4D4D4D</color>
+    <color name="monochrome_theme_dark_onError">#A3A3A3</color>
+    <color name="monochrome_theme_dark_onErrorContainer">#A3A3A3</color>
+    <color name="monochrome_theme_dark_background">#1C1C1C</color>             // Background (Settings and home)
+    <color name="monochrome_theme_dark_onBackground">#A3A3A3</color>
+    <color name="monochrome_theme_dark_surface">#1C1C1C</color>                // Navbar and Flyouts (uses also the "primary" color) 252525
+    <color name="monochrome_theme_dark_onSurface">#A3A3A3</color>              // NavBar Text (selected) and some Flyout Headlines
+    <color name="monochrome_theme_dark_surfaceVariant">#4D4D4D</color>         // on-off switch (off status: filling)
+    <color name="monochrome_theme_dark_onSurfaceVariant">#A3A3A3</color>       // text in Flyouts, Animation color (subscription button)
+    <color name="monochrome_theme_dark_outline">#A3A3A3</color>                // on-off switch (off status: border)
+    <color name="monochrome_theme_dark_inverseOnSurface">#404040</color>
+    <color name="monochrome_theme_dark_inverseSurface">#C3C3C3</color>
+    <color name="monochrome_theme_dark_inversePrimary">#707070</color>
+    <color name="monochrome_theme_dark_shadow">#000000</color>
+    <color name="monochrome_theme_dark_surfaceTint">#C3C3C3</color>
+    <color name="monochrome_theme_dark_surfaceTintColor">#C3C3C3</color>
 
 </resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index 134e6d249..1541e1e83 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -398,7 +398,7 @@
     <string name="pop_up">Pop-Up</string>
     <string name="comments_disabled">Comments are disabled by the uploader.</string>
     <string name="no_comments_available">This video has no comments available.</string>
-    <string name="theme_black_white">Black &amp; White</string>
+    <string name="theme_monochrome">Minimalistic Monochrome</string>
 
     <!-- Notification channel strings -->
     <string name="download_channel_name">Download Service</string>
diff --git a/app/src/main/res/values/themes.xml b/app/src/main/res/values/themes.xml
index c774b41a2..485954963 100644
--- a/app/src/main/res/values/themes.xml
+++ b/app/src/main/res/values/themes.xml
@@ -183,36 +183,36 @@
 
     </style>
 
-    <style name="Theme.BlackWhite" parent="BaseTheme">
+    <style name="Theme.Monochrome" parent="BaseTheme">
 
-        <item name="colorPrimary">@color/black_white_theme_light_primary</item>
-        <item name="colorOnPrimary">@color/black_white_theme_light_onPrimary</item>
-        <item name="colorPrimaryContainer">@color/black_white_theme_light_primaryContainer</item>
-        <item name="colorOnPrimaryContainer">@color/black_white_theme_light_onPrimaryContainer</item>
-        <item name="colorSecondary">@color/black_white_theme_light_secondary</item>
-        <item name="colorOnSecondary">@color/black_white_theme_light_onSecondary</item>
-        <item name="colorSecondaryContainer">@color/black_white_theme_light_secondaryContainer</item>
-        <item name="colorOnSecondaryContainer">@color/black_white_theme_light_onSecondaryContainer
+        <item name="colorPrimary">@color/monochrome_theme_light_primary</item>
+        <item name="colorOnPrimary">@color/monochrome_theme_light_onPrimary</item>
+        <item name="colorPrimaryContainer">@color/monochrome_theme_light_primaryContainer</item>
+        <item name="colorOnPrimaryContainer">@color/monochrome_theme_light_onPrimaryContainer</item>
+        <item name="colorSecondary">@color/monochrome_theme_light_secondary</item>
+        <item name="colorOnSecondary">@color/monochrome_theme_light_onSecondary</item>
+        <item name="colorSecondaryContainer">@color/monochrome_theme_light_secondaryContainer</item>
+        <item name="colorOnSecondaryContainer">@color/monochrome_theme_light_onSecondaryContainer
         </item>
-        <item name="colorTertiary">@color/black_white_theme_light_tertiary</item>
-        <item name="colorOnTertiary">@color/black_white_theme_light_onTertiary</item>
-        <item name="colorTertiaryContainer">@color/black_white_theme_light_tertiaryContainer</item>
-        <item name="colorOnTertiaryContainer">@color/black_white_theme_light_onTertiaryContainer
+        <item name="colorTertiary">@color/monochrome_theme_light_tertiary</item>
+        <item name="colorOnTertiary">@color/monochrome_theme_light_onTertiary</item>
+        <item name="colorTertiaryContainer">@color/monochrome_theme_light_tertiaryContainer</item>
+        <item name="colorOnTertiaryContainer">@color/monochrome_theme_light_onTertiaryContainer
         </item>
-        <item name="colorError">@color/black_white_theme_light_error</item>
-        <item name="colorErrorContainer">@color/black_white_theme_light_errorContainer</item>
-        <item name="colorOnError">@color/black_white_theme_light_onError</item>
-        <item name="colorOnErrorContainer">@color/black_white_theme_light_onErrorContainer</item>
-        <item name="android:colorBackground">@color/black_white_theme_light_background</item>
-        <item name="colorOnBackground">@color/black_white_theme_light_onBackground</item>
-        <item name="colorSurface">@color/black_white_theme_light_surface</item>
-        <item name="colorOnSurface">@color/black_white_theme_light_onSurface</item>
-        <item name="colorSurfaceVariant">@color/black_white_theme_light_surfaceVariant</item>
-        <item name="colorOnSurfaceVariant">@color/black_white_theme_light_onSurfaceVariant</item>
-        <item name="colorOutline">@color/black_white_theme_light_outline</item>
-        <item name="colorOnSurfaceInverse">@color/black_white_theme_light_inverseOnSurface</item>
-        <item name="colorSurfaceInverse">@color/black_white_theme_light_inverseSurface</item>
-        <item name="colorPrimaryInverse">@color/black_white_theme_light_inversePrimary</item>
+        <item name="colorError">@color/monochrome_theme_light_error</item>
+        <item name="colorErrorContainer">@color/monochrome_theme_light_errorContainer</item>
+        <item name="colorOnError">@color/monochrome_theme_light_onError</item>
+        <item name="colorOnErrorContainer">@color/monochrome_theme_light_onErrorContainer</item>
+        <item name="android:colorBackground">@color/monochrome_theme_light_background</item>
+        <item name="colorOnBackground">@color/monochrome_theme_light_onBackground</item>
+        <item name="colorSurface">@color/monochrome_theme_light_surface</item>
+        <item name="colorOnSurface">@color/monochrome_theme_light_onSurface</item>
+        <item name="colorSurfaceVariant">@color/monochrome_theme_light_surfaceVariant</item>
+        <item name="colorOnSurfaceVariant">@color/monochrome_theme_light_onSurfaceVariant</item>
+        <item name="colorOutline">@color/monochrome_theme_light_outline</item>
+        <item name="colorOnSurfaceInverse">@color/monochrome_theme_light_inverseOnSurface</item>
+        <item name="colorSurfaceInverse">@color/monochrome_theme_light_inverseSurface</item>
+        <item name="colorPrimaryInverse">@color/monochrome_theme_light_inversePrimary</item>
 
     </style>