fix: example hover color, copy update for description

src/app.css

@@ -40,12 +40,6 @@ textarea, .wrapper > label {
     font-size: 36px;
     font-weight: 600;
 }
-/* Color the Granite icon in white for dark mode */
-@media (prefers-color-scheme: dark) {
-    .gr_title img {
-        filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(162deg) brightness(101%) contrast(104%);
-    }
-}
 /* Only one form on the page, within the Accordion component */
 .form {
     flex-direction: row;
@@ -55,6 +49,10 @@ textarea, .wrapper > label {
     width: 50%;
     margin: 0px;
 }
+/* Color the example background */
+.example:hover {
+    background-color: #D0E2FF
+}
 /* Centre the example text within the example box */
 .example-text-content {
     margin-top: auto;
@@ -64,3 +62,14 @@ textarea, .wrapper > label {
 .tab-like-container  {
     align-items: center;
 }
+/* dark mode */
+@media (prefers-color-scheme: dark) {
+    /* Color the Granite icon in white */
+    .gr_title img {
+        filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(162deg) brightness(101%) contrast(104%);
+    }
+    /* Color the example background */
+    .example:hover {
+        background-color: #4589FF
+    }
+}

src/app.py

@@ -19,9 +19,8 @@ Today's Date: {today_date}.
 You are Granite, developed by IBM. You are a helpful AI assistant"""
 TITLE = "IBM Granite 3.1 8b Instruct"
 DESCRIPTION = """
-<p>Granite 3.1 is a general purpose large language model released in the open under an Apache 2.0 license. Granite
-models support a 128k context length. Try one of the sample prompts below or write your own. Remember, AI models can
-make mistakes.
+<p>Granite 3.1 8b instruct is an open-source LLM supporting a 128k context window. Start with one of the sample prompts
+or enter your own. Keep in mind that AI can occasionally make mistakes.
 <span class="gr_docs_link">
 <a href="https://www.ibm.com/granite/docs/">View Documentation <i class="fa fa-external-link"></i></a>
 </span>
@@ -132,10 +131,8 @@ with gr.Blocks(fill_height=True, css_paths=css_file_path, head_paths=head_file_p
         examples=[
             ["Explain the concept of quantum computing to someone with no background in physics or computer science."],
             ["What is OpenShift?"],
-            ["Why is low latency inference important?"],
-            [
-                """Imagine you're a productivity expert. How can I develop effective habits to increase my productivity and efficiency? Provide me with specific strategies and actionable steps I can implement in my daily routine."""  # noqa: E501
-            ],
+            ["What's the importance of low latency inference?"],
+            ["Help me boost productivity habits."],
             [
                 """Explain the following code in a concise manner: