icon tooltip editorTab

Author: Aniket-Engg

apps/remix-ide/src/app/panels/styles/terminal-styles.js

@@ -61,7 +61,7 @@ var css = csjs`
     line-height       : 1.7em;
     font-family       : monospace;
     padding           : .4em;
-    color             : var(--primary)
+    color             : var(--bs-primary)
     border-top        : solid 2px var(--bs-secondary);
   }
   .prompt             {

apps/remix-ide/src/assets/css/themes/remix-dark_tvx1s2.css

@@ -3089,7 +3089,7 @@ textarea.form-control-lg {
 }
 
 .btn-primary {
-  --bs-btn-color: #fff;
+  --bs-btn-color: var(--bs-body-bg);
   --bs-btn-bg: #64c4ff;
   --bs-btn-border-color: #64c4ff;
   --bs-btn-hover-color: #fff;
@@ -3917,7 +3917,7 @@ textarea.form-control-lg {
 .nav-tabs .nav-link.active,
 .nav-tabs .nav-item.show .nav-link {
   color: var(--bs-nav-tabs-link-active-color);
-  background-color: var(--bs-nav-tabs-link-active-bg);
+  background-color: var(--bs-light);
   border-color: var(--bs-nav-tabs-link-active-border-color);
 }
 .nav-tabs .dropdown-menu {
@@ -5909,7 +5909,7 @@ textarea.form-control-lg {
   --bs-popover-zindex: 1070;
   --bs-popover-max-width: 276px;
   --bs-popover-font-size: 0.875rem;
-  --bs-popover-bg: var(--bs-secondary);
+  --bs-popover-bg: var(--bs-body-bg);
   --bs-popover-border-width: var(--bs-border-width);
   --bs-popover-border-color: var(--bs-border-color-translucent);
   --bs-popover-border-radius: var(--bs-border-radius-lg);

libs/remix-ui/debugger-ui/src/lib/vm-debugger/assembly-items.tsx

@@ -85,7 +85,7 @@ export const AssemblyItems = ({ registerEvent }) => {
 
     const currentItem = codeView.children[index]
     if (currentItem) {
-      currentItem.style.setProperty('background-color', 'var(--primary)')
+      currentItem.style.setProperty('background-color', 'var(--bs-primary)')
       currentItem.style.setProperty('color', 'var(--bs-light)')
       currentItem.setAttribute('selected', 'selected')
       codeView.scrollTop = currentItem.offsetTop - parseInt(codeView.offsetTop)
@@ -103,7 +103,7 @@ export const AssemblyItems = ({ registerEvent }) => {
 
       const currentItem = codeView.children[index]
       if (currentItem) {
-        currentItem.style.setProperty('color', 'var(--primary)')
+        currentItem.style.setProperty('color', 'var(--bs-primary)')
         currentItem.style.setProperty('font-weight', 'bold')
         currentItem.setAttribute('selected', 'selected')
       }

libs/remix-ui/debugger-ui/src/lib/vm-debugger/solidity-locals.tsx

@@ -11,7 +11,7 @@ export const SolidityLocals = ({ data, message, registerEvent, triggerEvent, cla
   }, [data])
 
   const formatSelf = (key: string, data: ExtractData) => {
-    let color = 'var(--primary)'
+    let color = 'var(--bs-primary)'
     if (data.isArray || data.isStruct || data.isMapping) {
       color = 'var(--info)'
     } else if (data.type && data.type.indexOf && (data.type.indexOf('uint') === 0 || data.type.indexOf('int') === 0 || data.type.indexOf('bool') === 0 || data.type.indexOf('enum') === 0)) {

libs/remix-ui/debugger-ui/src/lib/vm-debugger/solidity-state.tsx

@@ -6,7 +6,7 @@ import {ExtractData} from '../../types' // eslint-disable-line
 export const SolidityState = ({ calldata, message, className }) => {
   const formatSelf = (key: string, data: ExtractData) => {
     try {
-      let color = 'var(--primary)'
+      let color = 'var(--bs-primary)'
       if (data.isArray || data.isStruct || data.isMapping) {
         color = 'var(--info)'
       } else if (data.type && data.type.indexOf && (data.type.indexOf('uint') === 0 || data.type.indexOf('int') === 0 || data.type.indexOf('bool') === 0 || data.type.indexOf('enum') === 0)) {

libs/remix-ui/git/src/types/styles.ts

@@ -45,9 +45,9 @@ export const selectTheme = (theme) => ({
   borderRadius: 0,
   colors: {
     ...theme.colors,
-    primary25: 'var(--primary)',
-    primary: 'var(--primary)',
-    primary50: 'var(--primary)',
-    primary75: 'var(--primary)',
+    primary25: 'var(--bs-primary)',
+    primary: 'var(--bs-primary)',
+    primary50: 'var(--bs-primary)',
+    primary75: 'var(--bs-primary)',
   },
 })

libs/remix-ui/helper/src/lib/components/custom-tooltip.tsx

@@ -7,7 +7,7 @@ import { CustomTooltipType } from '../../types/customtooltip'
 export function CustomTooltip({ children, placement, tooltipId, tooltipClasses, tooltipText, tooltipTextClasses, delay, hide, show }: CustomTooltipType) {
   if (typeof tooltipText !== 'string') {
     const newTooltipText = React.cloneElement(tooltipText, {
-      className: ' bg-secondary text-wrap p-1 px-2 '
+      className: ' bg-body text-wrap p-1 px-2 '
     })
     tooltipText = newTooltipText
   }
@@ -23,9 +23,9 @@ export function CustomTooltip({ children, placement, tooltipId, tooltipClasses,
               <Popover.Body
                 id={!tooltipId ? `${tooltipText}Tooltip` : tooltipId}
                 style={{ minWidth: 'fit-content' }}
-                className={'text-wrap p-1 px-2 bg-secondary w-100' + tooltipClasses}
+                className={'text-wrap p-1 px-2 bg-body w-100' + tooltipClasses}
               >
-                {typeof tooltipText === 'string' ? <span className={'text-wrap p-1 px-2 bg-secondary ' + { tooltipTextClasses }}>{tooltipText}</span> : tooltipText}
+                {typeof tooltipText === 'string' ? <span className={'text-wrap p-1 px-2 bg-body ' + { tooltipTextClasses }}>{tooltipText}</span> : tooltipText}
               </Popover.Body>
             </Popover>
           }>

libs/remix-ui/plugin-manager/src/lib/remix-ui-plugin-manager.css

@@ -38,7 +38,7 @@
   flex-direction: row;
 }
 .remixui_isStuck {
-  background-color: var(--primary);
+  background-color: var(--bs-primary);
   /* color:  */
 }
 .remixui_versionWarning {

libs/remix-ui/remix-ai-assistant/src/css/color.css

@@ -220,8 +220,8 @@ div#composer-button {
   --nlux-Composer--Gap: 0;
 
   /* Override submit button colors */
-  --nlux-SubmitButton--BackgroundColor: var(--primary);
-  --nlux-SubmitButton-Active--BackgroundColor:var(--primary);
+  --nlux-SubmitButton--BackgroundColor: var(--bs-primary);
+  --nlux-SubmitButton-Active--BackgroundColor:var(--bs-primary);
   --nlux-SubmitButton-Disabled--BackgroundColor: var(--dark);
   --nlux-SubmitButton-Active--TextColor: var(--white);
   --nlux-SubmitButton-Disabled--TextColor: var(--text);

libs/remix-ui/run-tab/src/lib/css/run-tab.css

@@ -272,7 +272,7 @@
   width: 100%;
 }
 .udapp_title .udapp_copy {
-  color: var(--primary);
+  color: var(--bs-primary);
 }
 .udapp_titleExpander {
   align-self: center;