update sidebar

.config/ags/modules/.commonwidgets/tabcontainer.js

@@ -97,7 +97,7 @@ export const TabContainer = ({ icons, names, children, className = '', setup = (
 export const IconTabContainer = ({
     iconWidgets, names, children, className = '',
     setup = () => { }, onChange = () => { },
-    tabsHpack = 'center',
+    tabsHpack = 'center', tabSwitcherClassName = '',
     ...rest
 }) => {
     const shownIndex = Variable(0);
@@ -106,7 +106,7 @@ export const IconTabContainer = ({
     const tabs = Box({
         homogeneous: true,
         hpack: tabsHpack,
-        className: 'spacing-h-5',
+        className: `spacing-h-5 ${tabSwitcherClassName}`,
         children: iconWidgets.map((icon, i) => Button({
             className: 'tab-icon',
             tooltipText: names[i],

.config/ags/modules/sideleft/apiwidgets.js

@@ -180,6 +180,7 @@ const apiCommandStack = Stack({
 })
 
 export const apiContentStack = IconTabContainer({
+    tabSwitcherClassName: 'sidebar-chat-apiswitcher',
     className: 'margin-top-5',
     iconWidgets: APIS.map((api) => api.tabIcon),
     names: APIS.map((api) => api.name),

.config/ags/scss/_sidebars.scss

@@ -492,6 +492,12 @@ $colorpicker_rounding: 0.341rem;
     padding: 0.341rem;
 }
 
+.sidebar-chat-apiswitcher {
+    @include full-rounding;
+    @include group-padding;
+    background-color: $layer1;
+}
+
 .sidebar-chat-providerswitcher {
     @include small-rounding;
     padding: 0.477rem 0.682rem;
@@ -780,7 +786,7 @@ $colorpicker_rounding: 0.341rem;
 }
 
 .sidebar-waifu-txt {
-    @include readingfont;
+    @include mainfont;
 }
 
 .sidebar-waifu-image {