Enable Chat UI and Refactor Chat App CSS

ahrefs · Nov 28, 2024 · b7b8b04 · b7b8b04
1 parent 73f43bb
commit b7b8b04
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/chrome/browser/resources/side_panel/chat/chat_app.css b/chrome/browser/resources/side_panel/chat/chat_app.css
@@ -4,8 +4,6 @@
  * #scheme=relative
  * #css_wrapper_metadata_end */
 
-@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
-
 * {
     margin: 0;
     padding: 0;
@@ -29,7 +27,6 @@ cr-input, cr-textarea {
 }
 
 cr-button {
-
     padding: 10px 10px;
     border: 1px solid #000000;
     border-radius: 12px;
@@ -47,7 +44,8 @@ cr-button {
     display: flex;
     flex-direction: column;
     height: calc(100vh - 8px);
-    background-color: transparent;
+    width: 100vw;
+    color: var(--color-side-panel-card-primary-foreground);
     margin: 4px;
     padding: 8px;
 }

diff --git a/chrome/browser/resources/side_panel/chat/chat_app.ts b/chrome/browser/resources/side_panel/chat/chat_app.ts
@@ -5,7 +5,7 @@ import '//resources/cr_elements/cr_icon_button/cr_icon_button.js';
 import '//resources/cr_elements/cr_input/cr_input.js';
 import '//resources/cr_elements/cr_textarea/cr_textarea.js';
 
-// import {ColorChangeUpdater} from 'chrome://resources/cr_components/color_change_listener/colors_css_updater.js';
+import {ColorChangeUpdater} from 'chrome://resources/cr_components/color_change_listener/colors_css_updater.js';
 import {loadTimeData} from 'chrome://resources/js/load_time_data.js';
 import {CrLitElement} from '//resources/lit/v3_0/lit.rollup.js';
 import {getCss} from './chat_app.css.js';
@@ -41,7 +41,7 @@ export class ChatAppElement extends CrLitElement {
 
     constructor() {
         super();
-        // ColorChangeUpdater.forDocument().start();
+        ColorChangeUpdater.forDocument().start();
     }
 
     static get is() {