Portail FR EN

Tutorials

First steps

Shortcut (PC)Action
Ctrl+TNew tab
Ctrl+Shift+NNew private tab
Ctrl+WClose the tab
Ctrl+LGo to the address bar
Ctrl+DAdd or remove a favourite
Ctrl+BShow or hide the side panel
Ctrl+H · Ctrl+JHistory · Downloads
F11Full screen

Organising tabs

Passwords and account

Changing the theme

“…” menu → Extensions → “Arcanes themes” → Install, then one click on a theme: Arcane, Parchemin, Fleur, and the festivals of the year (Beltavae, Imbalvae, Lithavae, Lughvana, Mabosol, Ostavae, Samonokta, Yulsol). They are also in Settings → Theme. The theme stays specific to each device.

Writing a script

“…” menu → Extensions → “New script”. A script starts with a header that says where it runs:

// ==UserScript==
// @name         Mon premier script
// @match        https://example.com/*
// ==/UserScript==

// Ce code tourne sur les pages visées par @match, une fois la page construite.
GM_addStyle('body { outline: 3px solid gold; }');
const bandeau = document.createElement('div');
bandeau.textContent = 'Bonjour depuis Portail !';
document.body.prepend(bandeau);
LinePurpose
@nameThe displayed name.
@matchTargeted pages: https://example.com/*, or *://*.example.com/* for the site and its subdomains. Several lines allowed.
@include · @excludeAn address with * for “anything”; @exclude removes pages.
@run-atdocument-idle to wait for the end of loading; otherwise the script runs as soon as the page is built.

Sharing a script

Creating a theme pack

A .portext pack is a JSON file, without any code: only names and colours. The ten colours are required, in #rrggbb format.

{
  "format": 1,
  "api": 1,
  "id": "mon-pseudo.mes-themes",
  "version": "1.0.0",
  "nom": { "fr": "Mes thèmes", "en": "My themes" },
  "description": { "fr": "Un thème vert forêt.", "en": "A forest green theme." },
  "auteur": "Mon pseudo",
  "contributes": {
    "themes": [{
      "id": "foret",
      "nom": { "fr": "Forêt", "en": "Forest" },
      "sombre": true,
      "couleurs": {
        "fond": "#0c1a12", "fond2": "#12261a", "surface": "#183022", "surface2": "#1f3b2a",
        "texte": "#e4f2e8", "doux": "#9cbca6", "accent": "#d4af37", "accentTexte": "#e3c25a",
        "accentEncre": "#1a1004", "ligne": "#2f4d3a"
      }
    }]
  }
}
ColourWhere it is used
fond · fond2Window and bar background.
surface · surface2Cards, fields, active tab.
texte · douxMain text and secondary text.
accent · accentTexte · accentEncreButtons and titles; accentEncre is the text placed on the accent.
ligneBorders and separators.

Rules: identifier in lowercase letters, digits, dots and dashes; 64 themes at most; names of 80 characters at most. A pack that breaks a rule is refused as a whole.