From b749c98a0a1af24d5dd5a6f49ca1bba67381812b Mon Sep 17 00:00:00 2001 From: itsmartashub <44645238+itsmartashub@users.noreply.github.com> Date: Thu, 12 Feb 2026 16:24:57 +0100 Subject: [PATCH 1/7] fix(sidebar/date): Revert broken pill style --- styles/elements/_sidebar.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/elements/_sidebar.scss b/styles/elements/_sidebar.scss index 000fd20..525bf8f 100644 --- a/styles/elements/_sidebar.scss +++ b/styles/elements/_sidebar.scss @@ -47,7 +47,7 @@ } /* Sidebar date pill: "yesterday, today, 7 days" etc */ - ._48cdfc1 { + .f3d18f6a { @extend %date-pill; } } From 6a7164cc91d1a71ca5702c4a762d40d2de143d60 Mon Sep 17 00:00:00 2001 From: itsmartashub <44645238+itsmartashub@users.noreply.github.com> Date: Thu, 12 Feb 2026 17:02:19 +0100 Subject: [PATCH 2/7] fix(icons): Remove icon css vars for bg and text and use defaults. Add accent color to chats footer icons - Make --dsw-alias-label-tertiary to accents --- styles/abstract/_ds.scss | 2 +- styles/components/_icons.scss | 29 ----------------------------- 2 files changed, 1 insertion(+), 30 deletions(-) diff --git a/styles/abstract/_ds.scss b/styles/abstract/_ds.scss index 235743e..a3cea16 100644 --- a/styles/abstract/_ds.scss +++ b/styles/abstract/_ds.scss @@ -110,7 +110,7 @@ body { --dsw-alias-label-primary-inverted: var(--c-on-accent) !important; --dsw-alias-label-primary: var(--c-txt) !important; // markdown

txt too --dsw-alias-label-secondary: var(--c-subtext-2) !important; - --dsw-alias-label-tertiary: var(--c-subtext-1) !important; + --dsw-alias-label-tertiary: var(--c-accent) !important; // chats footer icons --dsw-alias-markdown-citation: var(--c-accent-hover) !important; --dsw-alias-markdown-code-block-banner: var(--c-bg-pre) !important; --dsw-alias-markdown-code-block: var(--c-bg-pre) !important; diff --git a/styles/components/_icons.scss b/styles/components/_icons.scss index 0b943c0..90fa879 100644 --- a/styles/components/_icons.scss +++ b/styles/components/_icons.scss @@ -1,32 +1,3 @@ -/* svg wrapper icons like in sidebar etc. */ -.ds-icon-button { - // --ds-icon-button-text-color: var(--c-subtext-1) !important; - --ds-icon-button-text-color: var(--c-accent) !important; - --ds-icon-button-hover-color: var(--c-accent-hover) !important; - --ds-icon-button-outline-color: var(--c-accent-hover) !important; - // --ds-icon-button-size: 28px; - // --ds-icon-button-background-inset: -4px; - color: var(--ds-icon-button-text-color) !important; - - // &:hover { - - // &::before { - // --dsr-side-icon-hover: var(--c-accent-hover) !important; - // // background-color: var(--c-accent-hover) !important; - // } - // } - - &:hover { - &::before { - background-color: var(--ds-icon-button-hover-color) !important; - } - } -} - -// .ds-button > .ds-button__icon { -// color: currentColor !important; -// } - .ds-button__icon { color: currentColor !important; From 9fc0fc1510c57009a84b29cd5196b6b071130308 Mon Sep 17 00:00:00 2001 From: itsmartashub <44645238+itsmartashub@users.noreply.github.com> Date: Thu, 12 Feb 2026 17:07:18 +0100 Subject: [PATCH 3/7] fix(chatbox/btn): Update selector to fix chatbox action toggle buttons style (`Rethink` x `Search`) --- styles/elements/_right--textarea.scss | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/styles/elements/_right--textarea.scss b/styles/elements/_right--textarea.scss index efffbbd..110763d 100644 --- a/styles/elements/_right--textarea.scss +++ b/styles/elements/_right--textarea.scss @@ -31,8 +31,12 @@ box-shadow: none !important; } + /* Chatbox footer */ + // .ec4f5d61 {} + + /* "DeepThink R1" and "Search" btn */ - ._70150b8 { + .ds-toggle-button { color: var(--c-accent) !important; .ds-icon { @@ -47,6 +51,7 @@ } } + /* attach btn next to send button (input="file") */ .f02f0e25 { &:hover { From 4b33c444641d4e2b45c5ef9959a216fcfce5c9b0 Mon Sep 17 00:00:00 2001 From: itsmartashub <44645238+itsmartashub@users.noreply.github.com> Date: Thu, 12 Feb 2026 18:01:20 +0100 Subject: [PATCH 4/7] fix(thinking-process): Fix broken thinking process style by updating selector --- styles/components/_btn.scss | 1 + styles/elements/_right--main.scss | 41 +++++++++++++++++++++++++------ 2 files changed, 35 insertions(+), 7 deletions(-) diff --git a/styles/components/_btn.scss b/styles/components/_btn.scss index b0561b9..690d471 100644 --- a/styles/components/_btn.scss +++ b/styles/components/_btn.scss @@ -21,6 +21,7 @@ button { } } +/* This should be replaced with ds-basic-button, removed css vars with fixed style fior all states and bg/color */ .ds-button { --button-ring-color: var(--c-accent-hover) !important; --c-button-hover-text-color: inherit; diff --git a/styles/elements/_right--main.scss b/styles/elements/_right--main.scss index 425c2ab..b7ed067 100644 --- a/styles/elements/_right--main.scss +++ b/styles/elements/_right--main.scss @@ -77,7 +77,7 @@ } /* Thinking very top parent */ - ._7d763a7 { + ._74c0879 { /* "Read X web pages" */ .ffdab56b.ddbfd84f { @@ -89,7 +89,6 @@ &:before { opacity: 1 !important; - } } @@ -115,10 +114,6 @@ background: none !important; } } - } - - /* Thinking text parent (with "Thought for X seconds" note) */ - ._48edb25 { /* Thinking process texts */ .ds-think-content { @@ -138,7 +133,7 @@ /* Thinking border on the left */ ._9ecc93a { border-color: currentColor !important; - opacity: 0.6; + opacity: 0.4; } .ds-markdown { @@ -148,6 +143,38 @@ } } + /* Thinking text parent (with "Thought for X seconds" note) */ + // // ._48edb25, + // ._74c0879 { + + // /* Thinking process texts */ + // .ds-think-content { + // --thinking-p-left: 13px; // this is from ds deafult + // color: var(--c-subtext-2) !important; + // transition: font-size 0.15s ease-in-out, + // line-height 0.15s ease-in-out; + + // // @include toggleStyles('thinking-process', ()) { + // // display: none !important; + // // } + + // &:not(:empty) { + // @extend .fadeIn; + // } + + // /* Thinking border on the left */ + // ._9ecc93a { + // border-color: currentColor !important; + // opacity: 0.6; + // } + + // .ds-markdown { + // font-size: calc(calc((var(--fontSize) / 16) * 1rem) * 0.85) !important; + // line-height: calc((var(--lineHeight) / 16) * 0.85) !important; + // } + // } + // } + /* Shirmer animation on "Thought" txt while thinking */ .e4b3a110 .cac31b5e { background: linear-gradient(90deg, hsla(var(--accent-hsl)/ 0) 0%, hsla(var(--accent-hsl)/ .7) 54.51%, hsla(var(--accent-hsl)/ 0) 109.02%); From 9df78997a0c6545337a1ec432a7bed9b48aedc3a Mon Sep 17 00:00:00 2001 From: itsmartashub <44645238+itsmartashub@users.noreply.github.com> Date: Thu, 12 Feb 2026 18:58:32 +0100 Subject: [PATCH 5/7] fix(scrollbars): Update scrollbars to match accent theme --- styles/abstract/_ds.scss | 6 ++++++ styles/global/_scrollbars.scss | 6 +++--- 2 files changed, 9 insertions(+), 3 deletions(-) diff --git a/styles/abstract/_ds.scss b/styles/abstract/_ds.scss index a3cea16..25ecab1 100644 --- a/styles/abstract/_ds.scss +++ b/styles/abstract/_ds.scss @@ -118,8 +118,14 @@ body { // --dsw-alias-markdown-code-segment-unselected: var(--dsw-static-neutral-bluish-75); // --dsw-alias-markdown-inline-code: var(--dsw-static-neutral-bluish-100); --dsw-alias-markdown-tag: hsla(var(--accent-hsl) / 0.1) !important; + --dsw-alias-scrollbar-bg: hsla(var(--accent-hsl) / 0.15) !important; + --dsw-alias-scrollbar-bg-l1: hsla(var(--accent-hsl) / 0.15) !important; + --dsw-alias-scrollbar-bg-l2: hsla(var(--accent-hsl) / 0.15) !important; + --dsw-alias-scrollbar-hover-l1: hsla(var(--accent-hsl) / 0.2) !important; + --dsw-alias-scrollbar-hover-l2: hsla(var(--accent-hsl) / 0.2) !important; --dsw-alias-scrollbar-hover: hsla(var(--accent-hsl) / 0.2) !important; + --dsw-alias-state-error-primary: var(--c-danger) !important; --dsw-alias-state-error-secondary: var(--c-danger) !important; --dsw-alias-state-success-primary: var(--c-accent) !important; diff --git a/styles/global/_scrollbars.scss b/styles/global/_scrollbars.scss index 6ab7c07..06a541a 100644 --- a/styles/global/_scrollbars.scss +++ b/styles/global/_scrollbars.scss @@ -53,7 +53,7 @@ $scrollbar-sizes: ( $width: map.get($scrollbar-sizes, $size); scrollbar-width: if($size ==thin, thin, auto); - scrollbar-color: var(--c-scrollbar-thumb) var(--c-scrollbar-track); + scrollbar-color: var(--c-scrollbar-thumb) var(--c-scrollbar-track) !important; &::-webkit-scrollbar { width: $width; @@ -81,7 +81,7 @@ $scrollbar-sizes: ( } // Apply globally -html, +/* html, * { @include scrollbar(); -} \ No newline at end of file +} */ \ No newline at end of file From 3970ff17cda81a496fb06df3e474be765eea73f5 Mon Sep 17 00:00:00 2001 From: itsmartashub <44645238+itsmartashub@users.noreply.github.com> Date: Thu, 12 Feb 2026 21:24:30 +0100 Subject: [PATCH 6/7] refactor(fab): Reposition FAB by increasing the space from top and right edges - Extra: decreise the chat bubble border-radius --- components/CustomizationSettings.vue | 5 ++++- styles/abstract/_root.scss | 6 +++--- styles/global/_scrollbars.scss | 4 ++-- 3 files changed, 9 insertions(+), 6 deletions(-) diff --git a/components/CustomizationSettings.vue b/components/CustomizationSettings.vue index d6f255a..e980304 100644 --- a/components/CustomizationSettings.vue +++ b/components/CustomizationSettings.vue @@ -109,7 +109,10 @@ const activeTab = ref('colors') color: var(--c-accent); border-radius: inherit; cursor: pointer; - transition: background-color 0.15s ease-out, color 0.15s ease-out, transform 0.1s ease-out; + transition: + background-color 0.15s ease-out, + color 0.15s ease-out, + transform 0.1s ease-out; user-select: none; &:hover:not(.active) { diff --git a/styles/abstract/_root.scss b/styles/abstract/_root.scss index 36c8e5b..8fd8d4c 100644 --- a/styles/abstract/_root.scss +++ b/styles/abstract/_root.scss @@ -30,15 +30,15 @@ --w-scrollbar: 0.365rem; /* ? --- DSX floating roller btn --- */ - --roller-top: calc(var(--h-header) + 0.125rem); + --roller-top: calc(var(--h-header) + 0.4rem); // --roller-top: calc(var(--h-header) / 4); // --roller-right: var(--roller-top); - --roller-right: 0.2rem; + --roller-right: 1rem; --roller-size: 2.2rem; /* ? --- Border-radius --- */ --br: 1rem; - --br-chat-bubble: calc(var(--br) * 2.4); + --br-chat-bubble: calc(var(--br) * 2); // --br-prompt-textarea: calc(var(--br) * 0.2); --br-btn: calc(var(--br) * 0.9); --br-dialog: calc(var(--br) * 2.5); diff --git a/styles/global/_scrollbars.scss b/styles/global/_scrollbars.scss index 06a541a..387acd0 100644 --- a/styles/global/_scrollbars.scss +++ b/styles/global/_scrollbars.scss @@ -81,7 +81,7 @@ $scrollbar-sizes: ( } // Apply globally -/* html, +html, * { @include scrollbar(); -} */ \ No newline at end of file +} \ No newline at end of file From df531d69bf18e516279b41303c151d9e495c13dd Mon Sep 17 00:00:00 2001 From: itsmartashub <44645238+itsmartashub@users.noreply.github.com> Date: Thu, 12 Feb 2026 21:57:11 +0100 Subject: [PATCH 7/7] fix(markdown): Fix md table overlapping AI chat bubbles on default widths - Make it scrollable instead (override original paddings, margins and widths) --- styles/elements/_right--markdown.scss | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/styles/elements/_right--markdown.scss b/styles/elements/_right--markdown.scss index b62e124..bdf7597 100644 --- a/styles/elements/_right--markdown.scss +++ b/styles/elements/_right--markdown.scss @@ -157,4 +157,21 @@ blockquote { @include bg-accent-inverse; border-left: 3px solid var(--c-accent) !important; border-radius: .5rem !important; +} + +/* Markdown table overlapping the chat bubble, make it scrollable instead */ +._1210dd7:has(th:nth-child(4), td:nth-child(4)):not(blockquote ._1210dd7).c03cafe9 { + /* Original style + + --padding-left: calc((var(--message-area-width) - (var(--message-list-max-width) - 2 * var(--message-list-padding-horizontal))) / 2 + (var(--message-list-max-width) - 2 * var(--message-list-padding-horizontal) - 100%)); + --padding-right: 54px; + width: calc(var(--message-area-width) - var(--padding-left) - var(--padding-right)); + padding-left: var(--padding-left); + padding-right: var(--padding-right); + margin-left: calc(-1 * var(--padding-left)); + */ + + margin: 0 auto !important; + width: 100% !important; + padding: 0 !important; } \ No newline at end of file