Image d'illustration de Personnaliser VSCode, version minimaliste

Personnaliser VSCode, version minimaliste

18 août 2024

Savais-tu que ton application VSCode est en fait une WebApp ? Et que tu peux la customiser facilement avec du simple CSS ? Si tu veux donner un coup de jeune à ton IDE préféré, je t’explique tout !

1️⃣ pour une interface minimaliste et sexy, tu peux commencer par enlever tout ce qui est superflu. Grâce au menu View > Appearance, tu peux déjà désactiver la barre d’activité, la barre de menu et la barre de statut.

💡 Si tu as peur d’être perdu(e) sans la barre d’activité, tu peux te noter les raccourcis suivants pour basculer vers les différents pannels :

  • Ctrl/Cmd + Shift + E — Explorateur de fichiers

  • Ctrl/Cmd + Shift + F — Rechercher

  • Ctrl/Cmd + Shift + G — Panneau de commit

  • Ctrl/Cmd + Shift + X — Extensions

  • Ctrl/Cmd + B — Afficher ou masquer le pannel

  • Ctrl/Cmd + Shift + P — Afficher la palette de commande

Tip : pour chercher et/ou modifier les raccourcis, tu peux taper la commande Open Keyboard Shortcuts où tu pourras accéder et même rechercher l’ensemble des raccourcis présents dans VScode.


2️⃣ pour encore plus de minimalisme, tu peux par exemple enlever la minimap, les # de lignes si tu ne les utilises pas ou encore les . qui représentent l’indentation par exemple.

Ajoute ces lignes dans ton fichier settings.json pour appliquer les réglages ci-dessus :

"editor.minimap.enabled": false,
"editor.lineNumbers": "off",
"editor.renderWhitespace": "none",

3️⃣ on attaque la vraie customisation en installant l’extension Custom CSS & JS.

Pour que les modifications s’appliquent bien, il faudra lancer VScode en mode Admin sous Windows ou s’assurer d’avoir les droits de modifications sur le répertoire d’installation de VSCode sous Mac/Linux (voir directement sur la page de l’extension pour plus de détails à ce sujet, directement dans ton IDE ou à l’adresse ici : https://marketplace.visualstudio.com/items?itemName=be5invis.vscode-custom-css).

Pour la suite, si tu veux juste récupérer ma config à l’identique télécharge le fichier CSS et le fichier JS juste ici :

Clique moi !

puis ajoute ces lignes dans ton fichier settings.json en mettant bien sûr ton propre chemin de fichier :

 "vscode_custom_css.imports": [
    "file:///chemin/vers/ton/fichier/custom-vscode.css",
    "file:///chemin/vers/ton/fichier/custom-vscode-script.js"
  ],

Sur Windows, il faudra inclure aussi la lettre du drive bien sûr (par exemple "file:///C:/Users/lucy/Documents/custom-vscode.css")

cf. ci-dessous la doc de l’extension :

extension-documentation

Concernant mon thème, c’est un thème que tu peux trouver dans le Marketplace directement. C’est le thème Rosé Pine (no italics). Idem pour les icônes, il s’agit de Material Icon Theme.

En revanche, si tu veux faire tes modifs à ta façon, télécharge aussi les fichiers comme ci-dessus mais efface tout le contenu pour partir de zéro et continue à suivre le tuto ^^


4️⃣ Tu peux à présent taper la commande Toggle Developer Tools (ou faire Alt+H puis T sur Windows/Linux) pour ouvrir une fenêtre que tu connais déjà bien ^^

Ensuite, Ctrl/Cmd + Shift + C pour passer en mode “inspection des éléments”, ce qui te permettra de sélectionner n’importe quel élément de ta fenêtre VSCode pour trouver sa classe !

Tu pourras ainsi appliquer les styles que tu veux à la classe de l’élément comme ceci :

.tab-actions-right.active {
  background: rgba(48, 113, 143, 0.4) !important;
}

Attention de bien ajouter !important à la fin de chaque ligne pour que ça overwrite bien les styles par défaut.


5️⃣ pour voir les modifications, il faudra à chaque fois faire “Enable Custom CSS & JS” (utilise la commande pour aller plus vite) et cliquer sur Restart VSCode. Après un bref chargement, tu pourras admirer ta nouvelle interface ^^

Tu verras certainement au démarrage de VSCode un popup qui t’indique que “ton installation de VSCode est corrompue” mais n’en tiens pas compte, c’est l’extension qui fait ça.

popup-corrupted


6️⃣ si tu veux ajouter un effet de blur à l’ouverture de la palette de commande, comme ceci :

blurred-vscode

Il va falloir coller le code ci-dessous dans le fichier JS que tu as téléchargé plus tôt puis “Enable Custom CSS & JS” + restart VSCode.

document.addEventListener("DOMContentLoaded", function () {
  const checkElement = setInterval(() => {
    const commandDialog = document.querySelector(".quick-input-widget");
    if (commandDialog) {
      // Vérifie si commandDialog est un HTMLElement
      if (commandDialog instanceof HTMLElement) {
        // Create an DOM observer to 'listen' for changes in element's attribute.
        const observer = new MutationObserver((mutations) => {
          mutations.forEach((mutation) => {
            if (
              mutation.type === "attributes" &&
              mutation.attributeName === "style"
            ) {
              if (commandDialog.style.display === "none") {
                handleEscape();
              } else {
                // If the .quick-input-widget element (command palette) is in the DOM
                // but no inline style display: none, show the backdrop blur.
                runMyScript();
              }
            }
          });
        });
 
        observer.observe(commandDialog, { attributes: true });
 
        // Clear the interval once the observer is set
        clearInterval(checkElement);
      } else {
        console.error("Command dialog is not an HTMLElement.");
      }
    } else {
      console.log("Command dialog not found yet. Retrying...");
    }
  }, 500); // Check every 500ms
 
  // Execute when command palette was launched.
  document.addEventListener("keydown", function (event) {
    if ((event.metaKey || event.ctrlKey) && event.key === "p") {
      event.preventDefault();
      runMyScript();
    } else if (event.key === "Escape" || event.key === "Esc") {
      event.preventDefault();
      handleEscape();
    }
  });
 
  // Ensure the escape key event listener is at the document level
  document.addEventListener(
    "keydown",
    function (event) {
      if (event.key === "Escape" || event.key === "Esc") {
        handleEscape();
      }
    },
    true
  );
 
  function runMyScript() {
    const targetDiv = document.querySelector(".monaco-workbench");
 
    // Remove existing element if it already exists
    const existingElement = document.getElementById("command-blur");
    if (existingElement) {
      existingElement.remove();
    }
 
    // Create and configure the new element
    const newElement = document.createElement("div");
    newElement.setAttribute("id", "command-blur");
 
    newElement.addEventListener("click", function () {
      newElement.remove();
    });
 
    // Append the new element as a child of the targetDiv
    targetDiv?.appendChild(newElement);
  }
 
  // Remove the backdrop blur from the DOM when esc key is pressed.
  function handleEscape() {
    const element = document.getElementById("command-blur");
    if (element) {
      element.click();
    }
  }
});

Fais Ctrl/Cmd + Shift + P pour afficher la palette de commande et le blur devrait s’activer…. tadaaa !

7️⃣ Enfin, pour changer un peu de cet austère écran d’accueil, je vais te montrer comment le remplacer par un fichier SVG de ton choix !

before-after

Pour commencer, il faut convertir ton fichier SVG en code CSS. Pour cela, on va utiliser l’outil de conversion sur le site Bloggerpilot.com

bloggerpilot-tool

Si tu veux le même écran d’accueil que moi, voici le ficher SVG : art.svg

Ouvre le fichier SVG dans n’importe quel éditeur, copie la totalité du code et colle le dans l’outil de conversion (dans la case en haut à gauche). Instantanément, tu verras apparaître la preview et surtout le code “CSS Background” que tu vas pouvoir récupérer.

Dans ton fichier CSS ajoute le selecteur .letterpress et colle le code que tu viens de générer.

Ajoute !important à la fin des 4 lignes, remplace cover par contain dans background-size, et ajoute la propriété width: 60% !important

Enfin, ajoute aussi les selecteurs editor-group-watermark et watermark-box comme ci-dessous pour parfaire l’affichage de ton SVG.

A la fin ça donne ça :

/* VScode homepage Background */
 
.editor-group-watermark {
  max-width: none !important;
}
 
.watermark-box {
  display: none !important;
}
 
.letterpress {
  background-image: url("data:image/svg+xml,%3Csvg width='900' height='600' viewBox='0 0 900 600' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='450' width='150' height='149' fill='%235D6E7A' fill-opacity='0.05'/%3E%3Crect x='750' y='450' width='150' height='149' fill='%235D6E7A' fill-opacity='0.05'/%3E%3Crect x='150' y='150' width='150' height='150' fill='%235D6E7A' fill-opacity='0.3'/%3E%3Crect x='599' y='301' width='151' height='149' fill='%235D6E7A' fill-opacity='0.22'/%3E%3Crect x='450' y='450' width='149' height='150' fill='%235D6E7A' fill-opacity='0.05'/%3E%3Crect x='750' y='151' width='150' height='149' fill='%235D6E7A' fill-opacity='0.1'/%3E%3Crect x='300' width='150' height='150' fill='%235D6E7A' fill-opacity='0.1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M363.85 205L379.167 383.204L447.897 403L516.819 383.181L532.15 205.003L363.85 205ZM500.201 247.291L499.242 258.37L498.819 263.281H498.753H448H447.928H418.194L420.119 285.663H447.925H448H491.224H496.903L496.389 291.534L491.437 349.079L491.121 352.768L448 365.164L447.902 365.197L404.744 352.768L401.794 318.448H411.541H422.942L424.442 335.884L447.905 342.454L447.925 342.448L471.426 335.866L473.871 307.521H448H447.928H400.849L395.673 247.291L395.17 241.423H447.928H448H500.707L500.201 247.291Z' fill='%235D6E7A'/%3E%3Cg clip-path='url(%23clip0_277_50)'%3E%3Cpath d='M207.416 203.589L217.282 223.322L206.702 226.848L201.39 205.598L207.416 203.589Z' fill='%235D6E7A'/%3E%3Cpath d='M228.109 236.031L222.922 225.658L235.551 221.448L240.211 228.77L228.109 236.031Z' fill='%235D6E7A'/%3E%3Cpath d='M239.736 215.837L237.249 216.666L235.178 213.41L237.483 212.834L239.736 215.837Z' fill='%235D6E7A'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M191 200C191 194.477 195.477 190 201 190H241C246.523 190 251 194.477 251 200V240C251 245.523 246.523 250 241 250H201C195.477 250 191 245.523 191 240V200ZM210.218 200.249C209.773 199.358 208.741 198.931 207.796 199.246L198.368 202.388C197.376 202.719 196.807 203.757 197.06 204.771L203.346 229.914C203.481 230.454 203.835 230.914 204.324 231.182C204.812 231.45 205.39 231.502 205.919 231.326L219.089 226.936L225.497 239.752C225.746 240.25 226.192 240.622 226.727 240.778C227.262 240.933 227.837 240.859 228.315 240.572L244.029 231.144C244.492 230.866 244.823 230.413 244.947 229.888C245.071 229.363 244.977 228.81 244.688 228.355L239.463 220.145L243.633 218.755C244.243 218.551 244.718 218.067 244.909 217.454C245.101 216.84 244.986 216.172 244.6 215.657L239.886 209.372C239.403 208.728 238.582 208.436 237.801 208.631L231.515 210.203C230.892 210.359 230.381 210.805 230.143 211.402C229.905 211.999 229.968 212.674 230.313 213.217L233.338 217.97L221.116 222.044L210.218 200.249Z' fill='%235D6E7A'/%3E%3C/g%3E%3Cpath d='M856.168 218.085L831.615 193.534C830.959 192.879 830.053 192.474 829.052 192.474C828.051 192.474 827.145 192.879 826.489 193.534L821.402 198.63L827.869 205.097C828.281 204.952 828.756 204.87 829.251 204.87C831.63 204.87 833.557 206.797 833.557 209.177C833.557 209.681 833.471 210.163 833.312 210.613L833.321 210.583L839.55 216.815C839.966 216.667 840.448 216.581 840.949 216.581C843.326 216.581 845.254 218.509 845.254 220.886C845.254 223.264 843.326 225.191 840.949 225.191C838.571 225.191 836.644 223.264 836.644 220.886C836.644 220.299 836.762 219.74 836.974 219.23L836.962 219.259L831.131 213.457V228.746C832.564 229.468 833.529 230.927 833.529 232.61C833.529 234.992 831.598 236.923 829.217 236.923C826.836 236.923 824.904 234.992 824.904 232.61C824.904 231.422 825.384 230.347 826.162 229.567C826.558 229.172 827.029 228.851 827.552 228.626L827.58 228.615V213.176C826.001 212.512 824.914 210.977 824.914 209.19C824.914 208.59 825.036 208.02 825.257 207.5L825.246 207.529L818.891 201.144L802.054 217.97C801.401 218.629 801 219.534 801 220.535C801 221.537 801.403 222.442 802.056 223.1L826.611 247.648C827.265 248.304 828.171 248.709 829.172 248.709C830.173 248.709 831.077 248.304 831.733 247.648L856.172 223.209C856.828 222.555 857.235 221.647 857.235 220.648C857.235 219.649 856.828 218.741 856.172 218.087L856.168 218.085Z' fill='%235D6E7A'/%3E%3Cpath d='M671.624 388.948C672.724 389.004 673.849 389.044 674.987 389.044C676.137 389.044 677.274 389.017 678.388 388.948C677.274 390.565 676.173 391.996 675.009 393.359L675.025 393.341C673.867 391.993 672.754 390.56 671.706 389.069L671.624 388.948ZM660.225 387.151C662.391 387.769 665.034 388.294 667.731 388.618L667.993 388.642C669.643 391.187 671.312 393.426 673.102 395.533L673.08 395.506C670.458 398.792 666.919 401.101 662.915 401.93L662.805 401.948C662.797 401.948 662.789 401.948 662.781 401.948C662.285 401.948 661.817 401.811 661.407 401.568L661.423 401.577C659.758 400.51 659.036 396.429 659.598 391.185C659.732 389.893 659.952 388.534 660.223 387.149L660.225 387.151ZM689.799 387.122C690.036 388.186 690.258 389.543 690.416 390.922L690.434 391.115C691.008 396.357 690.3 400.434 688.649 401.523C688.281 401.752 687.841 401.887 687.373 401.887C687.327 401.887 687.281 401.885 687.235 401.883H687.241C683.133 401.04 679.596 398.747 676.98 395.502L676.966 395.484C678.724 393.411 680.381 391.176 681.899 388.824L682.015 388.636C684.968 388.29 687.615 387.755 690.194 387.025L689.799 387.119V387.122ZM662.563 378.74C663.063 379.84 663.588 380.936 664.164 382.037C664.739 383.131 665.326 384.2 665.926 385.244C664.19 384.959 662.513 384.599 660.911 384.161C661.361 382.394 661.925 380.563 662.561 378.735L662.563 378.74ZM687.427 378.683C688.089 380.527 688.651 382.367 689.117 384.15C687.517 384.59 685.826 384.963 684.078 385.244C684.678 384.191 685.278 383.106 685.84 381.994C686.402 380.9 686.929 379.782 687.431 378.681L687.427 378.683ZM658.232 366.67C659.104 369.989 660.041 372.765 661.131 375.442L660.981 375.034C660.049 377.291 659.126 380.051 658.37 382.892L658.266 383.353C656.854 382.866 655.717 382.387 654.611 381.85L654.841 381.949C650.512 379.881 647.711 377.161 647.711 375.004C647.711 372.848 650.512 370.115 654.841 368.055C655.891 367.55 657.044 367.094 658.232 366.67ZM691.72 366.658C692.93 367.078 694.081 367.548 695.157 368.055C699.486 370.133 702.287 372.848 702.287 375.004C702.275 377.161 699.474 379.887 695.145 381.951C694.095 382.457 692.944 382.91 691.758 383.335C690.878 380.004 689.941 377.23 688.855 374.549L689.007 374.971C689.935 372.716 690.86 369.955 691.614 367.114L691.72 366.652V366.658ZM684.062 364.765C685.8 365.055 687.475 365.41 689.077 365.852C688.627 367.626 688.065 369.45 687.427 371.278C686.927 370.185 686.402 369.082 685.826 367.983C685.264 366.883 684.664 365.812 684.064 364.767L684.062 364.765ZM665.912 364.765C665.312 365.823 664.712 366.905 664.152 368.022C663.59 369.115 663.063 370.216 662.563 371.317C661.901 369.475 661.339 367.64 660.873 365.852C662.473 365.432 664.16 365.057 665.91 364.769L665.912 364.765ZM674.999 364.051C676.85 364.051 678.692 364.145 680.505 364.311C681.52 365.945 682.505 367.685 683.462 369.531C684.391 371.328 685.239 373.149 686.006 374.993C685.236 376.833 684.392 378.67 683.474 380.467C682.523 382.32 681.541 384.083 680.523 385.716C678.702 385.893 676.858 385.99 674.997 385.99C673.146 385.99 671.304 385.891 669.491 385.729C668.477 384.096 667.487 382.349 666.534 380.509C665.605 378.713 664.757 376.892 663.99 375.047C664.748 373.203 665.604 371.361 666.522 369.562C667.473 367.709 668.455 365.953 669.473 364.32C671.294 364.141 673.138 364.046 674.999 364.046V364.051ZM674.961 356.682C676.121 358.029 677.234 359.46 678.28 360.951L678.36 361.07C677.26 361.014 676.135 360.976 674.997 360.976C673.847 360.976 672.71 361.003 671.596 361.07C672.708 359.453 673.809 358.022 674.975 356.659L674.959 356.677L674.961 356.682ZM662.755 348.12C666.863 348.964 670.398 351.257 673.016 354.501L673.03 354.519C671.272 356.594 669.615 358.829 668.097 361.185L667.981 361.373C665.03 361.717 662.383 362.247 659.806 362.977L660.199 362.883C659.918 361.508 659.71 360.176 659.564 358.898C658.99 353.656 659.698 349.58 661.349 348.495C661.761 348.277 662.243 348.142 662.751 348.124H662.757L662.755 348.12ZM687.183 348.064V348.082C687.209 348.082 687.239 348.079 687.271 348.079C687.749 348.079 688.199 348.212 688.595 348.445L688.579 348.436C690.244 349.508 690.966 353.587 690.404 358.833C690.27 360.125 690.05 361.486 689.779 362.874C687.609 362.249 684.966 361.722 682.269 361.4L682.013 361.376C680.361 358.829 678.692 356.589 676.902 354.48L676.926 354.507C679.548 351.228 683.081 348.919 687.077 348.086L687.189 348.066L687.183 348.064ZM687.195 345.004C682.309 345.838 678.08 348.502 674.991 352.344L674.975 352.365C671.864 348.524 667.635 345.878 662.869 345.076L662.757 345.061C662.731 345.061 662.699 345.061 662.667 345.061C661.685 345.061 660.763 345.35 659.964 345.858L659.992 345.842C656.555 348.068 655.785 355.004 657.56 363.707C649.949 366.346 645 370.564 645 375.009C645 379.472 649.975 383.701 657.608 386.32C655.847 395.057 656.633 402.004 660.079 404.227C660.835 404.715 661.743 405 662.709 405C662.753 405 662.797 405 662.839 404.998H662.833C667.719 404.164 671.948 401.498 675.037 397.653L675.053 397.633C678.164 401.476 682.393 404.122 687.159 404.924L687.271 404.939C687.301 404.939 687.339 404.939 687.375 404.939C688.351 404.939 689.269 404.652 690.064 404.151L690.036 404.167C693.471 401.943 694.243 395.007 692.468 386.302C700.051 383.685 705 379.458 705 375.007C705 370.544 700.025 366.315 692.392 363.689C694.153 354.961 693.367 348.007 689.921 345.782C689.157 345.29 688.241 345 687.265 345C687.239 345 687.213 345 687.187 345H687.191L687.195 345.004ZM680.575 375.009C680.575 378.475 678.072 381.284 674.985 381.284C671.898 381.284 669.395 378.475 669.395 375.009C669.395 371.543 671.898 368.734 674.985 368.734C676.529 368.734 677.926 369.437 678.938 370.571C679.95 371.707 680.575 373.275 680.575 375.009Z' fill='%235D6E7A'/%3E%3Cg clip-path='url(%23clip1_277_50)'%3E%3Cpath d='M75.0024 357C67.0024 357 62.0024 361 60.0024 369C63.0024 365 66.5024 363.5 70.5024 364.5C72.7849 365.07 74.4149 366.725 76.2224 368.56C79.1649 371.545 82.5674 375 90.0024 375C98.0024 375 103.002 371 105.002 363C102.002 367 98.5024 368.5 94.5024 367.5C92.2199 366.93 90.5899 365.275 88.7824 363.44C85.8424 360.455 82.4399 357 75.0024 357ZM60.0024 375C52.0024 375 47.0024 379 45.0024 387C48.0024 383 51.5024 381.5 55.5024 382.5C57.7849 383.07 59.4149 384.725 61.2224 386.56C64.1649 389.545 67.5674 393 75.0024 393C83.0024 393 88.0024 389 90.0024 381C87.0024 385 83.5024 386.5 79.5024 385.5C77.2199 384.93 75.5899 383.275 73.7824 381.44C70.8424 378.455 67.4399 375 60.0024 375Z' fill='%235D6E7A'/%3E%3C/g%3E%3Cg clip-path='url(%23clip2_277_50)'%3E%3Cpath d='M520.035 497.016C519.906 497.028 519.496 497.069 519.126 497.098C510.604 497.866 502.622 502.464 497.566 509.53C494.751 513.459 492.95 517.916 492.27 522.637C492.029 524.285 492 524.772 492 527.006C492 529.24 492.029 529.727 492.27 531.375C493.9 542.64 501.918 552.105 512.792 555.612C514.739 556.239 516.792 556.667 519.126 556.925C520.035 557.025 523.965 557.025 524.874 556.925C528.903 556.48 532.317 555.483 535.683 553.764C536.199 553.501 536.299 553.43 536.229 553.372C536.182 553.336 533.982 550.387 531.343 546.821L526.545 540.341L520.534 531.445C517.226 526.554 514.504 522.555 514.481 522.555C514.457 522.549 514.434 526.502 514.422 531.328C514.405 539.778 514.399 540.118 514.293 540.318C514.141 540.605 514.023 540.722 513.777 540.851C513.589 540.945 513.425 540.963 512.54 540.963H511.525L511.255 540.793C511.079 540.681 510.95 540.535 510.862 540.365L510.739 540.101L510.751 528.343L510.768 516.579L510.95 516.351C511.044 516.227 511.243 516.069 511.384 515.993C511.625 515.876 511.718 515.864 512.733 515.864C513.93 515.864 514.129 515.911 514.44 516.251C514.528 516.345 517.783 521.247 521.677 527.152C525.572 533.058 530.897 541.121 533.513 545.079L538.264 552.275L538.504 552.117C540.633 550.733 542.886 548.762 544.669 546.71C548.463 542.353 550.909 537.04 551.73 531.375C551.971 529.727 552 529.24 552 527.006C552 524.772 551.971 524.285 551.73 522.637C550.1 511.372 542.082 501.907 531.208 498.4C529.29 497.778 527.249 497.35 524.962 497.092C524.399 497.034 520.522 496.969 520.035 497.016ZM532.317 515.16C532.598 515.301 532.827 515.571 532.909 515.852C532.956 516.005 532.968 519.265 532.956 526.613L532.938 537.157L531.079 534.307L529.214 531.457V523.792C529.214 518.837 529.238 516.051 529.273 515.917C529.367 515.588 529.572 515.33 529.853 515.178C530.094 515.055 530.182 515.043 531.103 515.043C531.971 515.043 532.123 515.055 532.317 515.16Z' fill='%235D6E7A'/%3E%3C/g%3E%3Cpath d='M247.614 497.059L242.623 551.119L220.999 556.941L199.375 551.119L194.385 497.059H247.614ZM237.557 508.051H220.98H204.109L204.916 514.579H220.98H221.882L220.98 514.955L205.503 521.401L206.016 527.782L220.98 527.831L229 527.856L228.487 536.365L220.98 538.478V538.471L220.918 538.488L213.669 536.658L213.229 531.377H213.205H206.48H206.457L207.337 541.573L220.98 545.608V545.6L221.005 545.608L234.575 541.646L236.335 521.401H220.98H220.942L220.98 521.384L236.898 514.579L237.557 508.051Z' fill='%235D6E7A'/%3E%3Cg clip-path='url(%23clip3_277_50)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M690.984 95.2964C685.749 95.2964 682.365 92.8006 680.715 89.5366L685.305 86.8779C686.514 88.8519 688.083 90.3013 690.864 90.3013C693.198 90.3013 694.689 89.1335 694.689 87.5225C694.689 85.0985 691.455 84.1513 689.172 83.1733C685.104 81.4423 682.404 79.2673 682.404 74.6743C682.404 70.4473 685.626 67.2256 690.663 67.2256C694.245 67.2256 696.825 68.4734 698.676 71.7344L694.287 74.5542C693.321 72.8232 692.274 72.1387 690.663 72.1387C689.01 72.1387 687.963 73.1862 687.963 74.5542C687.963 76.2462 689.01 76.9305 691.428 77.9775C696.495 80.1495 700.329 81.8559 700.329 87.4419C700.329 92.5179 696.342 95.2964 690.984 95.2964ZM678 86.7974C678 92.6384 674.403 95.7256 669.408 95.7256C664.896 95.7256 662.193 94 660.864 91H660.819H660.798H660.786L665.373 87.7935C666.258 89.3625 667.056 90.4756 668.988 90.4756C670.842 90.4756 672 89.5367 672 86.7197V67H678V86.7974ZM645 100H705V40H645V100Z' fill='%235D6E7A'/%3E%3C/g%3E%3Cpath d='M101.299 68.3856C101.145 68.3744 100.967 68.3669 100.787 68.3669C99.8793 68.3669 99.0112 68.5356 98.2124 68.8431L98.2612 68.8262C98.0268 68.92 97.6518 68.92 97.6199 69.2181C97.7493 69.3419 97.768 69.5462 97.8768 69.7187C98.0962 70.09 98.3662 70.405 98.6812 70.6675L98.6868 70.6731C99.0149 70.93 99.343 71.1794 99.688 71.3987C100.297 71.7737 100.989 71.9969 101.586 72.3737C101.925 72.5931 102.272 72.8725 102.617 73.1069C102.787 73.2231 102.898 73.435 103.117 73.51V73.4631C103.011 73.3225 102.977 73.1181 102.872 72.9625C102.714 72.805 102.559 72.6644 102.403 72.5106C101.938 71.9012 101.4 71.38 100.796 70.945L100.774 70.93C100.273 70.5887 99.1762 70.1106 98.9699 69.535L98.9399 69.5012C99.3487 69.4431 99.7124 69.3569 100.063 69.2406L100.018 69.2537C100.551 69.1131 101.038 69.1431 101.587 69.0062C101.835 68.9425 102.086 68.8656 102.337 68.7869V68.6462C102.056 68.365 101.846 67.9825 101.556 67.72C100.789 67.045 99.943 66.4112 99.0524 65.8412L98.968 65.7906C98.4768 65.4775 97.8524 65.275 97.3349 65.0087C97.1474 64.915 96.8343 64.8681 96.7255 64.7106C96.4818 64.3637 96.2662 63.9662 96.0955 63.5462L96.0805 63.505C95.6205 62.6125 95.193 61.7044 94.798 60.7806C94.528 60.0625 94.2599 59.4737 93.958 58.9037L94.0012 58.9919C92.5274 56.5187 90.4743 54.5312 88.0237 53.1756L87.943 53.1344C87.3637 52.8475 86.6905 52.6244 85.9837 52.4987L85.9368 52.4912C85.5449 52.4725 85.1549 52.4444 84.7649 52.4275C84.4912 52.2512 84.2549 52.0712 84.0337 51.8725L84.0393 51.8781C83.1487 51.3156 80.8443 50.0969 80.188 51.7094C79.7662 52.7256 80.8143 53.7287 81.1762 54.2444C81.4649 54.5875 81.7274 54.9719 81.9543 55.3787L81.973 55.4162C82.0837 55.6881 82.1137 55.9675 82.2243 56.2506C82.4962 57.0981 82.7718 57.7937 83.0849 58.4669L83.0362 58.3506C83.2218 58.7237 83.4149 59.0406 83.6305 59.3406L83.6155 59.3181C83.7412 59.4887 83.9568 59.5694 84.0074 59.8506C83.8462 60.19 83.7205 60.5837 83.6512 60.9944L83.6474 61.0206C83.4449 61.6431 83.3268 62.3612 83.3268 63.1056C83.3268 64.27 83.6137 65.3669 84.1199 66.3306L84.1012 66.2931C84.3524 66.6812 84.9487 67.5437 85.7474 67.2137C86.4505 66.9325 86.2949 66.0419 86.4974 65.2581C86.5443 65.0706 86.5143 64.9469 86.6099 64.8194V64.855C86.8293 65.2956 87.0505 65.7156 87.2512 66.1562C87.8174 66.9719 88.4905 67.6656 89.2593 68.2375L89.2837 68.2544C89.6587 68.5356 89.9568 69.0231 90.4255 69.1956V69.1487H90.3899C90.283 69.0325 90.1649 68.9294 90.0355 68.8412L90.028 68.8375C89.7374 68.5525 89.4674 68.245 89.2237 67.9206L89.2087 67.9C88.5974 67.075 88.0162 66.1412 87.5118 65.1606L87.4574 65.0462C87.2005 64.555 86.9849 64.0244 86.7787 63.5387C86.6849 63.3512 86.6849 63.07 86.5274 62.9762C86.2499 63.2875 86.0005 63.6344 85.7924 64.0075L85.7774 64.0375C85.5374 64.7369 85.3799 65.545 85.3387 66.3831V66.4037C85.2749 66.4206 85.3068 66.4037 85.2749 66.4375C84.7743 66.3156 84.6018 65.7962 84.4143 65.3594C84.1593 64.6731 84.0112 63.8781 84.0112 63.0512C84.0112 62.3837 84.1068 61.7387 84.2868 61.1294L84.2755 61.1781C84.3862 60.85 84.8549 59.815 84.6674 59.5C84.5699 59.2019 84.2605 59.0312 84.088 58.7894C83.8837 58.5006 83.6962 58.1725 83.5405 57.8256L83.5255 57.7881C83.1505 56.9125 82.963 55.9412 82.5562 55.0656C82.3105 54.6081 82.0518 54.2144 81.7612 53.8469L81.7743 53.8637C81.4649 53.5056 81.1799 53.1062 80.9324 52.6825L80.9118 52.645C80.8349 52.4744 80.7243 52.1912 80.848 52.0037C80.8705 51.895 80.9568 51.8106 81.0674 51.7937C81.2737 51.625 81.8549 51.8444 82.0574 51.9381C82.6518 52.1631 83.1637 52.4275 83.638 52.7387L83.608 52.72C83.8274 52.8737 84.0655 53.1719 84.3468 53.2487H84.6749C85.1755 53.3594 85.7418 53.2825 86.2105 53.4194C87.0712 53.71 87.8155 54.0737 88.5037 54.52L88.4643 54.4956C90.5343 55.8325 92.1918 57.64 93.313 59.7756L93.3505 59.8525C93.538 60.2125 93.6205 60.5444 93.7912 60.9194C94.1193 61.6919 94.5243 62.4737 94.858 63.22C95.1749 64.0225 95.5499 64.7162 95.9962 65.3556L95.9737 65.3219C96.208 65.65 97.1493 65.8206 97.5712 65.9912C98.0155 66.1469 98.3718 66.295 98.7168 66.4619L98.6474 66.4319C99.1855 66.76 99.7105 67.135 100.217 67.495C100.474 67.6731 101.256 68.065 101.302 68.38L101.299 68.3856ZM79.3162 82.0975C79.3162 82.1256 79.318 82.1575 79.318 82.1894C79.318 83.2356 78.8512 84.1712 78.1124 84.8012L78.1068 84.805C77.2968 85.465 76.2524 85.8662 75.1143 85.8662C75.0262 85.8662 74.938 85.8644 74.8518 85.8587H74.863C73.4774 85.84 72.2024 85.39 71.158 84.6381L71.1768 84.6512L71.7318 83.5356C72.5362 83.9856 73.4924 84.265 74.5087 84.3044H74.5199C74.5705 84.3081 74.6287 84.31 74.6887 84.31C75.3112 84.31 75.8905 84.115 76.3649 83.7831L76.3555 83.7887C76.7849 83.4625 77.0587 82.9525 77.0587 82.3787C77.0587 82.3675 77.0587 82.3581 77.0587 82.3469V82.3487C77.0587 81.5762 76.5205 80.92 75.5399 80.3687C74.6305 79.87 72.8155 78.8294 72.8155 78.8294C71.9193 78.2744 71.3324 77.2975 71.3324 76.1837C71.3324 76.1444 71.3324 76.105 71.3343 76.0656V76.0712C71.3324 76.0356 71.3324 75.9944 71.3324 75.9531C71.3324 74.9875 71.758 74.1212 72.4312 73.5325L72.4349 73.5287C73.1512 72.9212 74.0868 72.5519 75.1087 72.5519C75.1743 72.5519 75.238 72.5537 75.3018 72.5556H75.2924C75.3093 72.5556 75.3299 72.5556 75.3505 72.5556C76.5487 72.5556 77.6643 72.9137 78.5943 73.5306L78.5718 73.5175L78.073 74.6331C77.3399 74.3031 76.4849 74.1044 75.5849 74.095H75.5812C75.5362 74.0912 75.4855 74.0894 75.433 74.0894C74.908 74.0894 74.4243 74.2731 74.0455 74.5806L74.0493 74.5769C73.6949 74.8712 73.4699 75.3119 73.468 75.805C73.468 76.5737 74.0155 77.2337 75.028 77.7962C75.9487 78.3006 77.8087 79.3656 77.8087 79.3656C78.7237 79.9037 79.3293 80.8825 79.3293 82.0037C79.3293 82.0375 79.3293 82.0731 79.3274 82.1069V82.1012L79.3162 82.0975ZM83.2012 83.0931C82.6893 82.0712 82.3912 80.8675 82.3912 79.5944C82.3912 79.3937 82.3987 79.195 82.4137 79L82.4118 79.0262C82.4118 75.7625 83.4037 74.13 85.3874 74.1287C85.4362 74.125 85.4943 74.1231 85.5543 74.1231C86.4449 74.1231 87.2268 74.5881 87.6712 75.2894L87.6768 75.2987C88.1849 76.315 88.483 77.515 88.483 78.7825C88.483 78.9775 88.4755 79.1706 88.4624 79.3619L88.4643 79.3356C88.4643 82.6256 87.4724 84.2719 85.4887 84.2744C85.438 84.2781 85.3799 84.28 85.3218 84.28C84.4312 84.28 83.6474 83.815 83.203 83.1137L83.1974 83.1044L83.2012 83.0931ZM90.9149 86.0031L88.5337 84.8312C88.7512 84.6494 88.9462 84.4581 89.1262 84.2519L89.1318 84.2462C90.0937 82.9487 90.6712 81.3156 90.6712 79.5494C90.6712 79.345 90.6637 79.1425 90.6487 78.9419L90.6505 78.9681C90.6505 74.6806 88.9674 72.5356 85.6012 72.5331C85.5262 72.5294 85.438 72.5275 85.3499 72.5275C83.9118 72.5275 82.6199 73.1594 81.7405 74.1625L81.7368 74.1681C80.7787 75.4656 80.203 77.0969 80.203 78.8631C80.203 79.0619 80.2105 79.2587 80.2255 79.4537L80.2237 79.4275C80.2068 79.6169 80.1974 79.8381 80.1974 80.0612C80.1974 81.7 80.7112 83.2187 81.5849 84.4656L81.568 84.4412C82.4099 85.3375 83.6043 85.8962 84.9262 85.8962C85.0499 85.8962 85.1718 85.8906 85.2918 85.8812L85.2749 85.8831C85.2918 85.8831 85.3143 85.8831 85.3349 85.8831C85.918 85.8831 86.4824 85.7987 87.0168 85.6431L86.9755 85.6544L90.0805 87.4637L90.9243 86.0069L90.9149 86.0031ZM98.6924 85.6862H92.5293V72.73H94.603V84.0944H98.6924V85.6862ZM69.8155 76.1275C69.2774 80.035 68.0455 83.5619 66.2437 86.7212L66.3187 86.5769C65.5968 87.9662 64.2318 88.9337 62.6287 89.0894L62.6099 89.0912C62.1243 89.065 61.6724 88.9487 61.2618 88.7594L61.2843 88.7687V87.6119C61.5412 87.6512 61.8374 87.6737 62.1393 87.6737C62.1562 87.6737 62.173 87.6737 62.1918 87.6737C62.2218 87.6756 62.2537 87.6756 62.2874 87.6756C62.8293 87.6756 63.3262 87.4787 63.7087 87.1506L63.7049 87.1525C64.1174 86.8131 64.3818 86.3069 64.3968 85.7369C64.2974 84.9156 64.108 84.1656 63.8362 83.4587L63.8587 83.5225L61.483 76.1275H63.6149L65.3193 81.6569C65.623 82.4369 65.7993 83.3406 65.7993 84.2837C65.7993 84.2856 65.7993 84.2875 65.7993 84.2875C66.703 81.9212 67.3893 79.1612 67.738 76.2981L67.7549 76.1256L69.8155 76.1275ZM60.403 85.6862H58.2318C58.1705 82.235 57.9599 78.7906 57.5999 75.3531H57.5812L54.2774 85.6862H52.6255L49.3443 75.3531H49.3218C49.0655 78.7919 48.913 82.2362 48.8643 85.6862H46.8843C47.013 81.08 47.333 76.7606 47.8443 72.7281H50.5387L53.6662 82.2512H53.6849L56.8405 72.7281H59.4055C59.973 77.4494 60.3074 81.7687 60.4087 85.6862H60.403ZM85.3218 54.7731C85.318 54.7731 85.3124 54.7731 85.3068 54.7731C85.0837 54.7731 84.868 54.8012 84.6618 54.8537L84.6805 54.85V54.88H84.7124C84.8737 55.12 85.0387 55.3281 85.2168 55.5231L85.213 55.5194C85.3387 55.7706 85.4474 56.02 85.573 56.2694L85.6049 56.2337C85.8093 56.0725 85.9387 55.825 85.9387 55.5475C85.9387 55.5137 85.9368 55.4819 85.933 55.4481V55.4519C85.8393 55.3412 85.8262 55.2325 85.7455 55.1237C85.6518 54.9662 85.4512 54.8894 85.3237 54.7656L85.3218 54.7731Z' fill='%235D6E7A'/%3E%3Cg clip-path='url(%23clip4_277_50)'%3E%3Cpath d='M379 54.0025C378.913 54.0025 378.81 54.0025 378.71 54.0025C374.685 54.0025 370.76 54.44 366.985 55.27L367.345 55.2025C363.74 55.96 360.55 57.08 357.57 58.56L357.805 58.455C355.278 59.6725 353.138 61.3025 351.38 63.28L351.362 63.3C349.935 64.86 349.045 66.9325 349 69.21V69.22C349.047 71.505 349.935 73.5725 351.365 75.1375L351.36 75.13C353.135 77.1275 355.275 78.7575 357.682 79.9225L357.802 79.975C360.547 81.3475 363.738 82.47 367.077 83.18L367.342 83.2275C370.757 83.99 374.683 84.4275 378.708 84.4275H379.015H379H379.29C383.315 84.4275 387.24 83.99 391.015 83.16L390.655 83.2275C394.26 82.47 397.45 81.35 400.43 79.87L400.195 79.975C402.722 78.7575 404.862 77.1275 406.62 75.15L406.638 75.13C408.065 73.57 408.955 71.4975 409 69.22V69.21C408.955 66.9225 408.065 64.85 406.632 63.2825L406.638 63.29C404.862 61.2925 402.722 59.6625 400.315 58.4975L400.195 58.445C397.45 57.0725 394.26 55.95 390.92 55.24L390.655 55.1925C387.24 54.43 383.315 53.9925 379.29 53.9925C379.188 53.9925 379.085 53.9925 378.983 53.9925H378.997L379 54.0025ZM371.2 72.1625C370.872 72.46 370.5 72.715 370.095 72.915L370.068 72.9275C369.715 73.0975 369.298 73.255 368.863 73.375L368.81 73.3875C368.38 73.5425 367.882 73.635 367.362 73.635C367.342 73.635 367.323 73.635 367.302 73.635H362.375L361.575 78.5425H357.957L361.157 61.855H368.09C368.135 61.855 368.19 61.8525 368.245 61.8525C369.145 61.8525 370.01 62.01 370.81 62.3L370.757 62.2825C371.495 62.5525 372.123 62.9725 372.628 63.505L372.63 63.5075C373.067 64.065 373.38 64.74 373.515 65.48L373.52 65.5075C373.582 65.8725 373.62 66.2925 373.62 66.7225C373.62 67.2125 373.573 67.69 373.483 68.155L373.49 68.1075C373.4 68.555 373.283 68.945 373.135 69.32L373.153 69.2725C373.009 69.6408 372.856 69.9883 372.693 70.315C372.489 70.6417 372.264 70.9692 372.017 71.2975C371.778 71.62 371.515 71.9025 371.225 72.155L371.218 72.16L371.2 72.1625ZM381.63 73.635L383.042 66.58C383.103 66.3125 383.138 66.0075 383.138 65.6925C383.138 65.6275 383.135 65.5625 383.132 65.4975V65.5075C383.13 65.235 383.025 64.9875 382.855 64.8C382.682 64.65 382.478 64.535 382.252 64.465L382.24 64.4625C381.927 64.3625 381.568 64.3075 381.195 64.3075C381.153 64.3075 381.11 64.3075 381.067 64.31H381.073H378.257L376.417 73.635H372.86L376.06 57.435H379.618L378.76 61.8525H381.96C382.015 61.8525 382.077 61.85 382.143 61.85C382.97 61.85 383.775 61.9525 384.545 62.1425L384.478 62.1275C385.1 62.265 385.642 62.5575 386.08 62.9575L386.077 62.955C386.468 63.2625 386.745 63.7 386.842 64.2L386.845 64.2125C386.88 64.435 386.9 64.69 386.9 64.95C386.9 65.375 386.847 65.7875 386.745 66.18L386.752 66.145L385.28 73.63L381.63 73.635ZM401.385 68.175C401.285 68.6275 401.18 68.995 401.055 69.3575L401.077 69.28C400.942 69.6775 400.777 70.0225 400.575 70.3425L400.588 70.3225C400.415 70.71 400.21 71.0425 399.967 71.3425L399.975 71.3325C399.73 71.6375 399.467 71.9075 399.182 72.155L399.175 72.1625C398.847 72.46 398.475 72.715 398.07 72.915L398.043 72.9275C397.69 73.0975 397.272 73.255 396.838 73.375L396.785 73.3875C396.355 73.5425 395.857 73.635 395.338 73.635C395.318 73.635 395.298 73.635 395.278 73.635H390.35L389.493 78.5325H385.935L389.135 61.845H396.007C396.062 61.8425 396.125 61.8425 396.19 61.8425C397.102 61.8425 397.98 62 398.792 62.2925L398.738 62.275C399.455 62.535 400.06 62.955 400.533 63.495L400.537 63.5C401.013 64.055 401.35 64.7425 401.482 65.4975L401.488 65.5225C401.543 65.85 401.575 66.225 401.575 66.61C401.575 67.1625 401.51 67.6975 401.388 68.2125L401.397 68.165L401.385 68.175ZM394.635 64.3075H392.19L390.908 71.18H393.048H393.177C393.802 71.18 394.418 71.1225 395.013 71.015L394.95 71.025C395.46 70.935 395.915 70.7525 396.315 70.495L396.3 70.5025C396.64 70.1975 396.925 69.845 397.148 69.45L397.158 69.43C397.415 68.96 397.608 68.4125 397.705 67.835L397.71 67.805C397.787 67.4825 397.83 67.11 397.83 66.7275C397.83 66.5425 397.82 66.36 397.8 66.1825L397.802 66.205C397.767 65.81 397.623 65.4525 397.4 65.1575L397.403 65.1625C397.112 64.8925 396.765 64.6825 396.38 64.555L396.36 64.55C395.895 64.395 395.362 64.3075 394.807 64.3075C394.75 64.3075 394.692 64.3075 394.637 64.31H394.645L394.635 64.3075ZM366.66 64.3075H364.215L362.927 71.18H365.073H365.202C365.827 71.18 366.443 71.1225 367.038 71.015L366.975 71.025C367.485 70.935 367.94 70.7525 368.34 70.495L368.325 70.5025C368.665 70.1975 368.95 69.845 369.173 69.45L369.182 69.43C369.44 68.96 369.632 68.4125 369.73 67.835L369.735 67.805C369.812 67.4825 369.855 67.11 369.855 66.7275C369.855 66.5425 369.845 66.36 369.825 66.1825L369.828 66.205C369.793 65.81 369.648 65.4525 369.425 65.1575L369.427 65.1625C369.137 64.8925 368.79 64.6825 368.405 64.555L368.385 64.55C367.92 64.395 367.387 64.3075 366.833 64.3075C366.775 64.3075 366.718 64.3075 366.663 64.31H366.67L366.66 64.3075Z' fill='%235D6E7A'/%3E%3C/g%3E%3Cg clip-path='url(%23clip5_277_50)'%3E%3Cpath d='M847.282 514.01L847.845 513.159L848.827 513.755L849.262 514.066C850.312 514.876 852.521 516.946 852.997 520.381C853.834 520.231 854.677 520.156 855.521 520.156C857.524 520.156 858.87 520.621 859.635 521.007L860.029 521.221L860.284 521.39L861 521.975L860.752 522.725C860.368 523.753 859.767 524.687 858.99 525.463C857.902 526.584 855.99 527.908 852.956 528.08L852.289 528.099H851.734C850.346 531.763 848.482 535.891 845.351 539.596C843.493 541.798 841.289 543.683 838.826 545.176C835.873 546.928 832.639 548.156 829.267 548.806C826.852 549.275 824.4 549.507 821.944 549.5C816.506 549.5 811.706 548.42 808.755 546.53C806.119 544.846 804.094 542.097 802.732 538.366C801.541 534.957 800.956 531.365 801.004 527.754C800.997 527.291 801.158 526.841 801.455 526.486C801.752 526.131 802.167 525.894 802.624 525.819L802.879 525.8H842.404L842.749 525.774L843.307 525.714C844.267 525.586 845.73 525.301 846.757 524.701C845.527 522.665 845.179 520.284 845.752 517.749C845.993 516.691 846.371 515.67 846.877 514.711L847.282 514.01ZM811.837 518.69L811.987 518.716C812.056 518.742 812.118 518.783 812.168 518.836C812.218 518.89 812.255 518.954 812.276 519.024L812.299 519.174V524.105L812.276 524.259C812.255 524.329 812.217 524.394 812.166 524.447C812.115 524.5 812.053 524.541 811.984 524.566L811.837 524.589H806.542C806.444 524.587 806.348 524.555 806.269 524.495C806.19 524.436 806.132 524.353 806.104 524.259L806.077 524.109V519.17L806.104 519.02C806.125 518.949 806.162 518.884 806.213 518.83C806.264 518.776 806.327 518.734 806.396 518.709L806.542 518.686L811.837 518.69ZM819.139 518.69L819.285 518.716C819.354 518.741 819.417 518.782 819.467 518.836C819.518 518.889 819.556 518.953 819.577 519.024L819.6 519.174V524.105L819.574 524.259C819.552 524.329 819.514 524.394 819.464 524.447C819.413 524.5 819.35 524.541 819.281 524.566L819.135 524.589H813.84C813.741 524.587 813.646 524.554 813.567 524.495C813.488 524.435 813.43 524.353 813.401 524.259L813.375 524.112V519.174C813.374 519.073 813.404 518.975 813.461 518.893C813.518 518.81 813.6 518.747 813.694 518.712L813.84 518.686L819.139 518.69ZM826.549 518.69L826.695 518.716C826.763 518.742 826.825 518.783 826.875 518.836C826.925 518.89 826.962 518.954 826.984 519.024L827.01 519.174V524.105L826.984 524.259C826.962 524.329 826.924 524.394 826.874 524.447C826.823 524.5 826.76 524.541 826.691 524.566L826.545 524.589H821.25C821.151 524.587 821.056 524.555 820.977 524.495C820.898 524.436 820.84 524.353 820.811 524.259L820.789 524.109V519.17L820.811 519.02C820.832 518.949 820.87 518.884 820.921 518.83C820.971 518.776 821.034 518.734 821.104 518.709L821.25 518.686L826.549 518.69ZM833.869 518.69L834.015 518.716C834.084 518.741 834.147 518.782 834.197 518.836C834.248 518.889 834.286 518.953 834.307 519.024L834.334 519.174V524.105C834.334 524.205 834.304 524.303 834.247 524.386C834.19 524.469 834.109 524.532 834.015 524.566L833.865 524.589H828.574C828.475 524.587 828.379 524.555 828.3 524.495C828.222 524.436 828.164 524.353 828.135 524.259L828.112 524.109V519.17L828.135 519.02C828.156 518.949 828.194 518.884 828.244 518.83C828.295 518.776 828.358 518.734 828.427 518.709L828.577 518.686H833.872L833.869 518.69ZM841.256 518.69L841.402 518.716C841.472 518.741 841.534 518.782 841.585 518.836C841.636 518.889 841.673 518.953 841.695 519.024L841.717 519.174V524.105C841.718 524.205 841.688 524.303 841.631 524.386C841.574 524.469 841.493 524.532 841.399 524.566L841.252 524.589H835.957C835.859 524.587 835.763 524.555 835.684 524.495C835.605 524.436 835.547 524.353 835.519 524.259L835.496 524.109V519.17L835.519 519.02C835.54 518.949 835.577 518.884 835.628 518.83C835.679 518.776 835.742 518.734 835.811 518.709L835.961 518.686H841.252L841.256 518.69ZM819.131 511.595L819.281 511.621C819.349 511.647 819.411 511.687 819.461 511.74C819.511 511.792 819.548 511.856 819.57 511.925L819.596 512.079V517.01C819.597 517.11 819.567 517.208 819.51 517.291C819.453 517.374 819.372 517.437 819.277 517.471L819.131 517.498H813.84C813.74 517.495 813.644 517.461 813.565 517.4C813.487 517.34 813.429 517.256 813.401 517.16L813.375 517.01V512.079C813.375 511.979 813.405 511.882 813.462 511.8C813.519 511.718 813.6 511.656 813.694 511.621L813.84 511.595H819.131ZM826.541 511.595L826.691 511.621C826.759 511.647 826.821 511.687 826.871 511.74C826.921 511.792 826.958 511.856 826.98 511.925L827.006 512.079V517.01C827.007 517.11 826.977 517.208 826.92 517.291C826.863 517.374 826.782 517.437 826.687 517.471L826.541 517.498H821.25C821.15 517.495 821.054 517.461 820.975 517.4C820.897 517.34 820.839 517.256 820.811 517.16L820.789 517.01V512.079L820.811 511.929C820.833 511.858 820.871 511.794 820.921 511.741C820.972 511.687 821.034 511.646 821.104 511.621L821.25 511.595H826.541ZM833.865 511.595C834.067 511.595 834.24 511.734 834.304 511.925L834.33 512.079V517.01C834.331 517.11 834.301 517.208 834.243 517.291C834.186 517.374 834.105 517.437 834.011 517.471L833.861 517.498H828.574C828.474 517.495 828.378 517.461 828.299 517.4C828.22 517.34 828.163 517.256 828.135 517.16L828.112 517.01V512.079L828.135 511.929C828.157 511.858 828.194 511.794 828.245 511.741C828.296 511.687 828.358 511.646 828.427 511.621L828.577 511.595H833.872H833.865ZM833.865 504.5C834.067 504.5 834.24 504.639 834.304 504.83L834.33 504.98V509.915C834.331 510.015 834.301 510.113 834.243 510.196C834.186 510.279 834.105 510.342 834.011 510.376L833.861 510.399H828.574C828.475 510.397 828.379 510.365 828.3 510.305C828.222 510.246 828.164 510.163 828.135 510.069L828.112 509.919V504.98L828.135 504.83C828.157 504.76 828.194 504.695 828.245 504.642C828.296 504.589 828.358 504.548 828.427 504.523L828.574 504.5H833.869H833.865Z' fill='%235D6E7A'/%3E%3C/g%3E%3Crect x='300.5' y='150.5' width='299' height='299' stroke='%235D6E7A'/%3E%3Cline y1='449.5' x2='900' y2='449.5' stroke='%235D6E7A'/%3E%3Cline y1='299.5' x2='300' y2='299.5' stroke='%235D6E7A'/%3E%3Cline x1='900' y1='300.5' x2='600' y2='300.5' stroke='%235D6E7A'/%3E%3Cline y1='150.5' x2='300' y2='150.5' stroke='%235D6E7A'/%3E%3Cline x1='900' y1='150.5' x2='600' y2='150.5' stroke='%235D6E7A'/%3E%3Cline x1='300.5' y1='2.18557e-08' x2='300.5' y2='150' stroke='%235D6E7A'/%3E%3Cline x1='150.5' y1='2.18557e-08' x2='150.5' y2='600' stroke='%235D6E7A'/%3E%3Cline x1='300.5' y1='450' x2='300.5' y2='600' stroke='%235D6E7A'/%3E%3Cline x1='450.5' y1='2.18557e-08' x2='450.5' y2='150' stroke='%235D6E7A'/%3E%3Cline x1='450.5' y1='450' x2='450.5' y2='600' stroke='%235D6E7A'/%3E%3Cline x1='599.5' y1='2.18557e-08' x2='599.5' y2='150' stroke='%235D6E7A'/%3E%3Cline x1='750.5' y1='2.18557e-08' x2='750.5' y2='150' stroke='%235D6E7A'/%3E%3Cline x1='750.5' y1='150' x2='750.5' y2='300' stroke='%235D6E7A'/%3E%3Cline x1='750.5' y1='300' x2='750.5' y2='600' stroke='%235D6E7A'/%3E%3Cline x1='599.5' y1='450' x2='599.5' y2='600' stroke='%235D6E7A'/%3E%3Cpath d='M221 361.879L214.497 350.616H205.189L221 378.001L236.811 350.616H227.503L221 361.879Z' fill='%235D6E7A'/%3E%3Cpath d='M238.977 350.616L221 381.751L203.024 350.616H192.845L221 399.384L249.156 350.616H238.977Z' fill='%235D6E7A'/%3E%3Cdefs%3E%3CclipPath id='clip0_277_50'%3E%3Crect width='60' height='60' fill='white' transform='translate(191 190)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_277_50'%3E%3Crect width='60' height='60' fill='white' transform='translate(45 345)'/%3E%3C/clipPath%3E%3CclipPath id='clip2_277_50'%3E%3Crect width='60' height='60' fill='white' transform='translate(492 497)'/%3E%3C/clipPath%3E%3CclipPath id='clip3_277_50'%3E%3Crect width='60' height='60' fill='white' transform='translate(645 40)'/%3E%3C/clipPath%3E%3CclipPath id='clip4_277_50'%3E%3Crect width='60' height='60' fill='white' transform='translate(349 40)'/%3E%3C/clipPath%3E%3CclipPath id='clip5_277_50'%3E%3Crect width='60' height='60' fill='white' transform='translate(801 497)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") !important ;
  background-repeat: no-repeat no-repeat !important;
  background-position: center center !important ;
  background-size: cover !important;
  width: 60% !important;
}

Et voilà ! Ferme tous les onglets ouverts pour admirer ton nouvel écran d’accueil. 😎


J’espère que ce tutoriel était assez clair. Si jamais tu galères, je te laisse la vidéo que j’ai suivi pour ce custom de VSCode : https://www.youtube.com/watch?v=9_I0bySQoCs.

N’hésites pas à partager les screens de ta nouvelle interface en me taggant sur X !! @StellaSLcode

A la prochaine et en attendant, prends soin de toi !! ✨


Inscris-toi pour ne pas rater les prochains articles !


Tu recevras un e-mail de ma part uniquement lorsque je publierai un nouvel article :)