Merge pull request #10844 from overleaf/ds-editor-btn-info-to-secondary

Replacing `btn-info` with `btn-secondary-info btn-secondary` in the editor

GitOrigin-RevId: 1e348b0b09bfd08508a3dbee7df882f41fdc16eb

services/web/frontend/js/features/pdf-preview/components/pdf-download-files-button.js

@@ -18,10 +18,10 @@ function PdfDownloadFilesButton() {
       disabled={compiling || !fileList}
     >
       <Dropdown.Toggle
-        className="dropdown-toggle"
+        className="dropdown-toggle btn-secondary-info btn-secondary"
         title={t('other_logs_and_files')}
         bsSize="small"
-        bsStyle="info"
+        bsStyle={null}
       />
       <Dropdown.Menu id="dropdown-files-logs-pane-list">
         <PdfFileList fileList={fileList} />

services/web/frontend/js/features/pdf-preview/components/pdf-viewer-controls.js

@@ -8,23 +8,35 @@ function PdfViewerControls({ setZoom }) {
   return (
     <ButtonGroup>
       <Button
-        bsStyle="info"
+        bsStyle={null}
+        className="btn-secondary-info btn-secondary"
         bsSize="large"
         onClick={() => setZoom('fit-width')}
       >
         <Icon type="arrows-h" />
       </Button>
       <Button
-        bsStyle="info"
+        bsStyle={null}
+        className="btn-secondary-info btn-secondary"
         bsSize="large"
         onClick={() => setZoom('fit-height')}
       >
         <Icon type="arrows-v" />
       </Button>
-      <Button bsStyle="info" bsSize="large" onClick={() => setZoom('zoom-in')}>
+      <Button
+        bsStyle={null}
+        className="btn-secondary-info btn-secondary"
+        bsSize="large"
+        onClick={() => setZoom('zoom-in')}
+      >
         <Icon type="search-plus" />
       </Button>
-      <Button bsStyle="info" bsSize="large" onClick={() => setZoom('zoom-out')}>
+      <Button
+        bsStyle={null}
+        className="btn-secondary-info btn-secondary"
+        bsSize="large"
+        onClick={() => setZoom('zoom-out')}
+      >
         <Icon type="search-minus" />
       </Button>
     </ButtonGroup>

services/web/frontend/stylesheets/app/editor/pdf.less

@@ -321,14 +321,23 @@
         opacity: 1;
       }
     }
-    i.fa-arrows-h {
+
+    i.fa-arrows-h when(@is-new-css = false) {
       border-right: 2px solid white;
       border-left: 2px solid white;
     }
-    i.fa-arrows-v {
+    i.fa-arrows-h when(@is-new-css = true) {
+      border-right: 2px solid @content-primary;
+      border-left: 2px solid @content-primary;
+    }
+    i.fa-arrows-v when(@is-new-css = false) {
       border-top: 2px solid white;
       border-bottom: 2px solid white;
     }
+    i.fa-arrows-v when(@is-new-css = true) {
+      border-top: 2px solid @content-primary;
+      border-bottom: 2px solid @content-primary;
+    }
   }
 }