Update skill on sheet + Update ui and sidebar + Clean Lang

Update skill on sheet
Update ui and sidebar
Clean Lang

.editorconfig

@@ -0,0 +1,11 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 4
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = false
+
+[*.md]
+max_line_length = off

.eslintignore

@@ -0,0 +1,6 @@
+node_modules
+system/lib/
+system/packs/
+.editorconfig
+.idea
+.vscode

.eslintrc.js

@@ -0,0 +1,466 @@
+module.exports = {
+    env: {
+        jquery: true,
+        browser: true,
+        es2021: true,
+        node: true,
+    },
+    extends: ["eslint:recommended", "plugin:prettier/recommended"],
+    parser: "babel-eslint",
+    parserOptions: {
+        ecmaVersion: 12,
+        sourceType: "module",
+    },
+    rules: {
+        // Required for Foundry compatibility
+        "no-underscore-dangle": "off",
+        "import/extensions": "off",
+        "class-methods-use-this": "off",
+        // Personal Preference
+        "linebreak-style": "off",
+        "no-mixed-operators": "off",
+        "no-param-reassign": "off",
+        "no-continue": "off",
+        "no-console": "off",
+        //"brace-style": ["error"],
+        "no-unused-vars": "off",
+        "newline-per-chained-call": "off",
+        "no-plusplus": "off",
+    },
+    globals: {
+        AudioHelper: "readonly",
+        Collection: "readonly",
+        Hooks: "readonly",
+        KeyboardManager: "readonly",
+        ClientSettings: "readonly",
+        WorldSettingsStorage: "readonly",
+        SetupConfiguration: "readonly",
+        SocketInterface: "readonly",
+        SortingHelpers: "readonly",
+        VideoHelper: "readonly",
+        Application: "readonly",
+        FormApplication: "readonly",
+        BaseEntitySheet: "readonly",
+        Localization: "readonly",
+        Game: "readonly",
+        Die: "readonly",
+        FateDie: "readonly",
+        DicePool: "readonly",
+        Roll: "readonly",
+        MersenneTwister: "readonly",
+        EntityCollection: "readonly",
+        Compendium: "readonly",
+        Entity: "readonly",
+        Canvas: "readonly",
+        CanvasLayer: "readonly",
+        PlaceableObject: "readonly",
+        PlaceablesLayer: "readonly",
+        ContextMenu: "readonly",
+        Dialog: "readonly",
+        Draggable: "readonly",
+        DragDrop: "readonly",
+        TextEditor: "readonly",
+        FilePicker: "readonly",
+        Notifications: "readonly",
+        Tabs: "readonly",
+        TabsV2: "readonly",
+        WebRTC: "readonly",
+        WebRTCInterface: "readonly",
+        WebRTCSettings: "readonly",
+        ActorSheet: "readonly",
+        AVConfig: "readonly",
+        CombatTrackerConfig: "readonly",
+        FolderConfig: "readonly",
+        GridConfig: "readonly",
+        ImagePopout: "readonly",
+        ItemSheet: "readonly",
+        JournalSheet: "readonly",
+        MacroConfig: "readonly",
+        MeasuredTemplateConfig: "readonly",
+        PermissionControl: "readonly",
+        PlayerConfig: "readonly",
+        PlaylistConfig: "readonly",
+        PlaylistSoundConfig: "readonly",
+        RollTableConfig: "readonly",
+        SceneConfig: "readonly",
+        EntitySheetConfig: "readonly",
+        CameraPopoutAppWrapper: "readonly",
+        CameraViews: "readonly",
+        ChatBubbles: "readonly",
+        HeadsUpDisplay: "readonly",
+        SceneControls: "readonly",
+        Hotbar: "readonly",
+        BasePlaceableHUD: "readonly",
+        MainMenu: "readonly",
+        SceneNavigation: "readonly",
+        Pause: "readonly",
+        PlayerList: "readonly",
+        DrawingConfig: "readonly",
+        DrawingHUD: "readonly",
+        LightConfig: "readonly",
+        NoteConfig: "readonly",
+        AmbientSoundConfig: "readonly",
+        TileConfig: "readonly",
+        TileHUD: "readonly",
+        TokenConfig: "readonly",
+        TokenHUD: "readonly",
+        WallConfig: "readonly",
+        EULA: "readonly",
+        InstallPackage: "readonly",
+        SetupConfigurationForm: "readonly",
+        UpdateNotes: "readonly",
+        UserManagement: "readonly",
+        WorldConfig: "readonly",
+        Sidebar: "readonly",
+        SidebarTab: "readonly",
+        SidebarDirectory: "readonly",
+        Actors: "readonly",
+        Actor: "readonly",
+        ActorTokenHelpers: "readonly",
+        CombatEncounters: "readonly",
+        Combat: "readonly",
+        Folders: "readonly",
+        Folder: "readonly",
+        Items: "readonly",
+        Item: "readonly",
+        Journal: "readonly",
+        JournalEntry: "readonly",
+        Macros: "readonly",
+        Macro: "readonly",
+        Messages: "readonly",
+        ChatMessage: "readonly",
+        Playlists: "readonly",
+        Playlist: "readonly",
+        Scenes: "readonly",
+        Scene: "readonly",
+        RollTables: "readonly",
+        RollTable: "readonly",
+        Users: "readonly",
+        User: "readonly",
+        UserTargets: "readonly",
+        CanvasAnimation: "readonly",
+        ControlIcon: "readonly",
+        TextureLoader: "readonly",
+        MouseInteractionManager: "readonly",
+        Ray: "readonly",
+        NormalizedRectangle: "readonly",
+        ResizeHandle: "readonly",
+        SightLayerSource: "readonly",
+        BackgroundLayer: "readonly",
+        DrawingsLayer: "readonly",
+        EffectsLayer: "readonly",
+        LightingLayer: "readonly",
+        NotesLayer: "readonly",
+        SightLayer: "readonly",
+        SoundsLayer: "readonly",
+        TemplateLayer: "readonly",
+        TilesLayer: "readonly",
+        TokenLayer: "readonly",
+        WallsLayer: "readonly",
+        Drawing: "readonly",
+        AmbientLight: "readonly",
+        Note: "readonly",
+        AmbientSound: "readonly",
+        MeasuredTemplate: "readonly",
+        Tile: "readonly",
+        Token: "readonly",
+        Wall: "readonly",
+        SettingsConfig: "readonly",
+        ControlsReference: "readonly",
+        InvitationLinks: "readonly",
+        ModuleManagement: "readonly",
+        PermissionConfig: "readonly",
+        ActorDirectory: "readonly",
+        ChatLog: "readonly",
+        CombatTracker: "readonly",
+        CompendiumDirectory: "readonly",
+        ItemDirectory: "readonly",
+        JournalDirectory: "readonly",
+        MacroDirectory: "readonly",
+        PlaylistDirectory: "readonly",
+        SceneDirectory: "readonly",
+        Settings: "readonly",
+        FrameViewer: "readonly",
+        RollTableDirectory: "readonly",
+        Cursor: "readonly",
+        DoorControl: "readonly",
+        ControlsLayer: "readonly",
+        Ruler: "readonly",
+        SpecialEffect: "readonly",
+        AutumnLeavesWeatherEffect: "readonly",
+        RainWeatherEffect: "readonly",
+        SnowWeatherEffect: "readonly",
+        BaseGrid: "readonly",
+        HexagonalGrid: "readonly",
+        GridHighlight: "readonly",
+        GridLayer: "readonly",
+        SquareGrid: "readonly",
+        EasyRTCClient: "readonly",
+        parent: "readonly",
+        opener: "readonly",
+        top: "readonly",
+        length: "readonly",
+        frames: "readonly",
+        closed: "readonly",
+        location: "readonly",
+        self: "readonly",
+        window: "readonly",
+        document: "readonly",
+        name: "readonly",
+        customElements: "readonly",
+        history: "readonly",
+        locationbar: "readonly",
+        menubar: "readonly",
+        personalbar: "readonly",
+        scrollbars: "readonly",
+        statusbar: "readonly",
+        toolbar: "readonly",
+        status: "readonly",
+        frameElement: "readonly",
+        navigator: "readonly",
+        origin: "readonly",
+        external: "readonly",
+        screen: "readonly",
+        innerWidth: "readonly",
+        innerHeight: "readonly",
+        scrollX: "readonly",
+        pageXOffset: "readonly",
+        scrollY: "readonly",
+        pageYOffset: "readonly",
+        visualViewport: "readonly",
+        screenX: "readonly",
+        screenY: "readonly",
+        outerWidth: "readonly",
+        outerHeight: "readonly",
+        devicePixelRatio: "readonly",
+        clientInformation: "readonly",
+        screenLeft: "readonly",
+        screenTop: "readonly",
+        defaultStatus: "readonly",
+        defaultstatus: "readonly",
+        styleMedia: "readonly",
+        onsearch: "readonly",
+        isSecureContext: "readonly",
+        onabort: "readonly",
+        onblur: "readonly",
+        oncancel: "readonly",
+        oncanplay: "readonly",
+        oncanplaythrough: "readonly",
+        onchange: "readonly",
+        onclick: "readonly",
+        onclose: "readonly",
+        oncontextmenu: "readonly",
+        oncuechange: "readonly",
+        ondblclick: "readonly",
+        ondrag: "readonly",
+        ondragend: "readonly",
+        ondragenter: "readonly",
+        ondragleave: "readonly",
+        ondragover: "readonly",
+        ondragstart: "readonly",
+        ondrop: "readonly",
+        ondurationchange: "readonly",
+        onemptied: "readonly",
+        onended: "readonly",
+        onerror: "readonly",
+        onfocus: "readonly",
+        onformdata: "readonly",
+        oninput: "readonly",
+        oninvalid: "readonly",
+        onkeydown: "readonly",
+        onkeypress: "readonly",
+        onkeyup: "readonly",
+        onload: "readonly",
+        onloadeddata: "readonly",
+        onloadedmetadata: "readonly",
+        onloadstart: "readonly",
+        onmousedown: "readonly",
+        onmouseenter: "readonly",
+        onmouseleave: "readonly",
+        onmousemove: "readonly",
+        onmouseout: "readonly",
+        onmouseover: "readonly",
+        onmouseup: "readonly",
+        onmousewheel: "readonly",
+        onpause: "readonly",
+        onplay: "readonly",
+        onplaying: "readonly",
+        onprogress: "readonly",
+        onratechange: "readonly",
+        onreset: "readonly",
+        onresize: "readonly",
+        onscroll: "readonly",
+        onseeked: "readonly",
+        onseeking: "readonly",
+        onselect: "readonly",
+        onstalled: "readonly",
+        onsubmit: "readonly",
+        onsuspend: "readonly",
+        ontimeupdate: "readonly",
+        ontoggle: "readonly",
+        onvolumechange: "readonly",
+        onwaiting: "readonly",
+        onwebkitanimationend: "readonly",
+        onwebkitanimationiteration: "readonly",
+        onwebkitanimationstart: "readonly",
+        onwebkittransitionend: "readonly",
+        onwheel: "readonly",
+        onauxclick: "readonly",
+        ongotpointercapture: "readonly",
+        onlostpointercapture: "readonly",
+        onpointerdown: "readonly",
+        onpointermove: "readonly",
+        onpointerup: "readonly",
+        onpointercancel: "readonly",
+        onpointerover: "readonly",
+        onpointerout: "readonly",
+        onpointerenter: "readonly",
+        onpointerleave: "readonly",
+        onselectstart: "readonly",
+        onselectionchange: "readonly",
+        onanimationend: "readonly",
+        onanimationiteration: "readonly",
+        onanimationstart: "readonly",
+        ontransitionend: "readonly",
+        onafterprint: "readonly",
+        onbeforeprint: "readonly",
+        onbeforeunload: "readonly",
+        onhashchange: "readonly",
+        onlanguagechange: "readonly",
+        onmessage: "readonly",
+        onmessageerror: "readonly",
+        onoffline: "readonly",
+        ononline: "readonly",
+        onpagehide: "readonly",
+        onpageshow: "readonly",
+        onpopstate: "readonly",
+        onrejectionhandled: "readonly",
+        onstorage: "readonly",
+        onunhandledrejection: "readonly",
+        onunload: "readonly",
+        performance: "readonly",
+        stop: "readonly",
+        open: "readonly",
+        alert: "readonly",
+        confirm: "readonly",
+        prompt: "readonly",
+        print: "readonly",
+        queueMicrotask: "readonly",
+        requestAnimationFrame: "readonly",
+        cancelAnimationFrame: "readonly",
+        captureEvents: "readonly",
+        releaseEvents: "readonly",
+        requestIdleCallback: "readonly",
+        cancelIdleCallback: "readonly",
+        getComputedStyle: "readonly",
+        matchMedia: "readonly",
+        moveTo: "readonly",
+        moveBy: "readonly",
+        resizeTo: "readonly",
+        resizeBy: "readonly",
+        scroll: "readonly",
+        scrollTo: "readonly",
+        scrollBy: "readonly",
+        getSelection: "readonly",
+        find: "readonly",
+        webkitRequestAnimationFrame: "readonly",
+        webkitCancelAnimationFrame: "readonly",
+        fetch: "readonly",
+        btoa: "readonly",
+        atob: "readonly",
+        setTimeout: "readonly",
+        clearTimeout: "readonly",
+        setInterval: "readonly",
+        clearInterval: "readonly",
+        createImageBitmap: "readonly",
+        close: "readonly",
+        focus: "readonly",
+        blur: "readonly",
+        postMessage: "readonly",
+        onappinstalled: "readonly",
+        onbeforeinstallprompt: "readonly",
+        crypto: "readonly",
+        indexedDB: "readonly",
+        webkitStorageInfo: "readonly",
+        sessionStorage: "readonly",
+        localStorage: "readonly",
+        chrome: "readonly",
+        applicationCache: "readonly",
+        onpointerrawupdate: "readonly",
+        trustedTypes: "readonly",
+        speechSynthesis: "readonly",
+        webkitRequestFileSystem: "readonly",
+        webkitResolveLocalFileSystemURL: "readonly",
+        openDatabase: "readonly",
+        caches: "readonly",
+        ondevicemotion: "readonly",
+        ondeviceorientation: "readonly",
+        ondeviceorientationabsolute: "readonly",
+        Handlebars: "readonly",
+        HandlebarsIntl: "readonly",
+        HowlerGlobal: "readonly",
+        Howler: "readonly",
+        Howl: "readonly",
+        Sound: "readonly",
+        WebFont: "readonly",
+        PIXI: "readonly",
+        io: "readonly",
+        tinymce: "readonly",
+        tinyMCE: "readonly",
+        easyrtc_lang: "readonly",
+        adapter: "readonly",
+        easyrtc: "readonly",
+        duplicate: "readonly",
+        getType: "readonly",
+        invertObject: "readonly",
+        filterObject: "readonly",
+        flattenObject: "readonly",
+        expandObject: "readonly",
+        isObjectEmpty: "readonly",
+        mergeObject: "readonly",
+        diffObject: "readonly",
+        hasProperty: "readonly",
+        getProperty: "readonly",
+        setProperty: "readonly",
+        encodeURL: "readonly",
+        rgbToHsv: "readonly",
+        hsvToRgb: "readonly",
+        rgbToHex: "readonly",
+        hexToRGB: "readonly",
+        hexToRGBAString: "readonly",
+        colorStringToHex: "readonly",
+        isNewerVersion: "readonly",
+        randomID: "readonly",
+        loadFont: "readonly",
+        saveDataToFile: "readonly",
+        readTextFromFile: "readonly",
+        fromUuid: "readonly",
+        _handleMouseWheelInputChange: "readonly",
+        getTemplate: "readonly",
+        loadTemplates: "readonly",
+        renderTemplate: "readonly",
+        srcExists: "readonly",
+        getTexture: "readonly",
+        loadTexture: "readonly",
+        CONST: "readonly",
+        toDegrees: "readonly",
+        normalizeDegrees: "readonly",
+        toRadians: "readonly",
+        normalizeRadians: "readonly",
+        validateForm: "readonly",
+        timeSince: "readonly",
+        _templateCache: "readonly",
+        CONFIG: "readonly",
+        socket: "readonly",
+        ui: "readonly",
+        canvas: "readonly",
+        keyboard: "readonly",
+        JSHINT: "readonly",
+        game: "readonly",
+        vtt: "readonly",
+        ENTITY_PERMISSIONS: "readonly",
+        DEFAULT_TOKEN: "readonly",
+        DiceTerm: "readonly",
+        GRID_TYPES: "readonly",
+    },
+};

.gitignore

@@ -1 +1,9 @@
+# Node
 node_modules
+
+# IDE
+.idea
+.vscode
+
+# lint
+.eslintcache

.prettierignore

@@ -0,0 +1,7 @@
+node_modules/
+system/lib/
+system/packs/
+*.hbs
+*.css
+.idea
+.vscode

.prettierrc.json

@@ -0,0 +1,4 @@
+{
+    "tabWidth": 4,
+    "printWidth": 120
+}

gulpfile.js

@@ -1,8 +1,8 @@
 // Requires
-const gulp = require('gulp');
-const prefix = require('gulp-autoprefixer');
-const sass = require('gulp-sass');
-const browserSync = require('browser-sync');
+const gulp = require("gulp");
+const prefix = require("gulp-autoprefixer");
+const sass = require("gulp-sass");
+const browserSync = require("browser-sync");
 
 /* ----------------------------------------- */
 /*  Compile Sass
@@ -11,27 +11,29 @@ const browserSync = require('browser-sync');
 // Small error handler helper function.
 function handleError(err) {
     console.log(err.toString());
-  this.emit('end');
+    this.emit("end");
 }
 
 const SYSTEM_SCSS = ["system/styles/conf/**/*.scss"];
 function compileScss() {
     // Configure options for sass output. For example, 'expanded' or 'nested'
     let options = {
-    outputStyle: 'compressed'
+        outputStyle: "compressed",
     };
-  return gulp.src(SYSTEM_SCSS)
+    return gulp
+        .src(SYSTEM_SCSS)
+        .pipe(sass(options).on("error", handleError))
         .pipe(
-      sass(options)
-        .on('error', handleError)
+            prefix({
+                cascade: false,
+            })
         )
-    .pipe(prefix({
-      cascade: false
-    }))
         .pipe(gulp.dest("system/styles"))
-    .pipe(browserSync.reload({
-      stream: true
-    }))
+        .pipe(
+            browserSync.reload({
+                stream: true,
+            })
+        );
 }
 const css = gulp.series(compileScss);
 
@@ -40,7 +42,7 @@ const css = gulp.series(compileScss);
 /* ----------------------------------------- */
 
 function watchUpdates() {
-  gulp.watch(SYSTEM_SCSS, css);
+    gulp.watch("system/styles/scss/**/*.scss", css);
 }
 
 /* ----------------------------------------- */
@@ -50,18 +52,14 @@ function watchUpdates() {
 function bSync() {
     browserSync({
         server: {
-      baseDir: 'system/styles'
+            baseDir: "system/styles",
         },
-  })
+    });
 }
 
 /* ----------------------------------------- */
 /*  Export Tasks
 /* ----------------------------------------- */
 
-exports.default = gulp.series(
-  compileScss,
-  watchUpdates,
-  bSync
-);
+exports.default = gulp.series(compileScss, watchUpdates, bSync);
 exports.css = css;

package.json

@@ -5,7 +5,7 @@
     "main": "index.js",
     "scripts": {
         "compile": "gulp css",
-    "watch": "gulp watch",
+        "watch": "gulp",
         "prettier": "prettier --quote-props=preserve --print-width=5000 --write"
     },
     "repository": {
@@ -19,9 +19,27 @@
     },
     "homepage": "https://gitlab.com/teaml5r/l5r5e#readme",
     "devDependencies": {
+        "babel-eslint": "^10.1.0",
         "browser-sync": "^2.26.13",
+        "eslint": "^7.15.0",
+        "eslint-config-prettier": "^6.15.0",
+        "eslint-plugin-prettier": "^3.1.4",
+        "foundry-pc-types": "gitlab:foundry-projects/foundry-pc/foundry-pc-types",
         "gulp": "^4.0.2",
         "gulp-autoprefixer": "^7.0.1",
-    "gulp-sass": "^4.1.0"
+        "gulp-sass": "^4.1.0",
+        "husky": "^4.3.0",
+        "lint-staged": "^10.5.1",
+        "prettier": "^2.1.2"
+    },
+    "husky": {
+        "hooks": {
+            "pre-commit": "lint-staged"
+        }
+    },
+    "lint-staged": {
+        "*.js": "eslint --cache --fix",
+        "*.json": "prettier --write",
+        "*.scss": "prettier --write"
     }
 }

system/assets/cursors/normal.svg

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 23 23" style="enable-background:new 0 0 23 23;" xml:space="preserve">
+<style type="text/css">
+	.st0{display:none;}
+	.st1{display:inline;opacity:0.25;}
+	.st2{display:inline;fill:#FFFFFF;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st3{opacity:0.25;}
+	.st4{fill:#FFFFFF;stroke:#000000;stroke-width:0.75;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+</style>
+<g id="Fond" class="st0">
+</g>
+<g id="Calque_1" class="st0">
+	<path class="st1" d="M12.11,15.06c1.83-0.87,2.77-4.24,1.32-5.66l-6.8-6.95l3.18,9c0.08-0.03,0.17-0.04,0.26-0.04
+		c0.39,0.02,0.69,0.36,0.67,0.76c-0.02,0.4-0.36,0.7-0.75,0.67c-0.39-0.02-0.69-0.36-0.67-0.76c0.02-0.29,0.2-0.53,0.45-0.63
+		L6.4,2.09L5.92,13.41c-0.1,1.68,2.58,3.36,4.06,2.56l1.75,5.19c0.83,1.92,3.11,0.91,2.57-0.63L12.11,15.06z"/>
+	<path class="st2" d="M13.07,14.56c1.77-0.97,2.5-4.35,0.98-5.67L6.86,2.43l3.71,8.7c0.08-0.03,0.17-0.05,0.26-0.05
+		c0.39,0,0.71,0.32,0.71,0.71s-0.32,0.71-0.71,0.71c-0.39,0-0.71-0.32-0.71-0.71c0-0.29,0.17-0.53,0.42-0.64L6.6,2.09L6.79,13.3
+		c0,1.67,2.78,3.16,4.2,2.29l2.05,5.03c0.94,1.84,3.16,0.72,2.53-0.78L13.07,14.56z"/>
+</g>
+<g id="Calque_3">
+	<path class="st3" d="M13.12,15.65v-3.42c0-0.72-0.32-1.39-0.85-1.78L1.45,1.53l7.4,10.48c0.28-0.31,0.68-0.51,1.13-0.51
+		c0.84,0,1.52,0.68,1.52,1.52c0,0.84-0.68,1.52-1.52,1.52c-0.84,0-1.52-0.68-1.52-1.52c0-0.39,0.15-0.73,0.39-1L0.94,1.08
+		l5.77,14.06c0.36,0.81,1.46,1.91,2.25,1.94l1.72,0.44l3.57,4.47c1.03,0.13,1.97,0.32,2.16-0.84l0.11-0.71L13.12,15.65z"/>
+	<path class="st4" d="M15.13,14.6v-3.4c0-0.72-0.36-1.38-0.97-1.77L1.46,1.08l8.86,10c0.22-0.17,0.49-0.29,0.79-0.29
+		c0.73,0,1.32,0.59,1.32,1.32c0,0.73-0.59,1.32-1.32,1.32c-0.73,0-1.32-0.59-1.32-1.32c0-0.43,0.22-0.79,0.53-1.03L1.3,1.1
+		l6.54,12.99c0.4,0.8,1.66,1.9,2.56,1.93l1.96,0.43l4.05,5.44c1.17,0.13,2.24-0.67,2.45-1.83l0.13-0.71L15.13,14.6z"/>
+</g>
+</svg>

system/assets/imgs/textBox.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 93.64 38.25" style="enable-background:new 0 0 93.64 38.25;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:none;stroke:#C3C3BB;stroke-width:0.334;}
+	.st2{fill:none;stroke:#C3C3BB;}
+</style>
+<polygon class="st0" points="6.71,1.63 6.71,4.96 3.37,4.96 3.37,3.29 5.04,3.29 5.04,6.63 1.71,6.63 1.71,31.63 5.04,31.63 
+	5.04,34.96 3.37,34.96 3.37,33.29 6.71,33.29 6.71,36.63 86.93,36.63 86.93,33.29 90.26,33.29 90.26,34.96 88.6,34.96 88.6,31.63 
+	91.93,31.63 91.93,6.63 88.6,6.63 88.6,3.29 90.26,3.29 90.26,4.96 86.93,4.96 86.93,1.63 "/>
+<path class="st1" d="M5.87,1.63v2.5H4.21c0,0.56,0,1.11,0,1.67h-2.5H0.87v0.83v25v0.83h0.83h2.5v1.67c0.55,0,1.11,0,1.67,0v2.5v0.83
+	h0.83h80.22h0.83v-0.83v-2.5h1.67c0-0.55,0-1.11,0-1.67h2.5h0.83v-0.83v-25V5.79h-0.83h-2.5V4.13c-0.55,0-1.11,0-1.67,0v-2.5V0.79
+	h-0.83H6.71H5.87V1.63z"/>
+<polygon class="st2" points="7.21,2.13 7.21,4.96 7.21,5.46 6.71,5.46 3.37,5.46 2.87,5.46 2.87,4.96 2.87,3.29 2.87,2.79 
+	3.37,2.79 5.04,2.79 5.54,2.79 5.54,3.29 5.54,6.63 5.54,7.13 5.04,7.13 2.21,7.13 2.21,31.13 5.04,31.13 5.54,31.13 5.54,31.63 
+	5.54,34.96 5.54,35.46 5.04,35.46 3.37,35.46 2.87,35.46 2.87,34.96 2.87,33.29 2.87,32.79 3.37,32.79 6.71,32.79 7.21,32.79 
+	7.21,33.29 7.21,36.13 86.43,36.13 86.43,33.29 86.43,32.79 86.93,32.79 90.26,32.79 90.76,32.79 90.76,33.29 90.76,34.96 
+	90.76,35.46 90.26,35.46 88.6,35.46 88.1,35.46 88.1,34.96 88.1,31.63 88.1,31.13 88.6,31.13 91.43,31.13 91.43,7.13 88.6,7.13 
+	88.1,7.13 88.1,6.63 88.1,3.29 88.1,2.79 88.6,2.79 90.26,2.79 90.76,2.79 90.76,3.29 90.76,4.96 90.76,5.46 90.26,5.46 86.93,5.46 
+	86.43,5.46 86.43,4.96 86.43,2.13 "/>
+</svg>

system/l5r-ui/css/l5rui.css

@@ -1,57 +1,6 @@
-/*************************************************************/
-/*=================== Image Background ======================*/
-/*************************************************************/
-body {
-    background-image:url(../ui/frames/background.webp)
-   }
- 
 /*************************************************************/
 /*======================= SIDEBAR ===========================*/
 /*************************************************************/  
-#sidebar {
-
-    display: flex;
-    flex-direction: column;
-    flex-wrap: nowrap;
-    position: fixed;
-    right: 5px;
-    top: 5px;
-    width: 360px !important;
-    height: 99vh;
-    overflow: hidden;
-    margin: 0;
-    border: 30px solid transparent;
-    border-image-source: url(../ui/frames/Chat-box.webp);
-    border-image-slice: 30 fill;
-    background-position: center !important;
-    background-size: 300px 100%!important;
-    background-repeat: no-repeat;
-}
-
-.collapse::before{
-    content: "";
-}
-
-#sidebar.collapsed {
-    width: 75px !important;
-    height: 410px !important;
-    padding-left: 5px;
-    border: 15px solid transparent;
-    border-image-source: url(../ui/frames/Chat-box.webp);
-    border-image-slice: 35 fill;
-    background-position: center !important;
-    background-size: 100% 100%!important;
-    background-repeat: no-repeat;
-}
-
-#sidebar-tabs{
-    text-align: center;
-}
-
-#sidebar #sidebar-tabs > .item {
-    line-height: 0px;
-}
-
 #sidebar #sidebar-tabs i.fa-comments {
     content: "";
     background-image: url("../ui/sidebar/sidebar_button-chat.webp") !important;
@@ -61,23 +10,18 @@ body {
     background-position:center !important;
     background-size:cover !important;
 }
-
-#sidebar-tabs {
-    height: 64px;
-}
-#sidebar-tabs > .item {
-    line-height: 0px;
-    height: 32px;
-}
-#sidebar-tabs > .item.active {
-    color: #FFF;
-    border: 1px solid red;
-    
-    box-shadow: 0 0 6px inset #ff6400;
-}
 #sidebar #sidebar-tabs i.fa-comments::before {
     content: "";
 }
+#sidebar #sidebar-tabs i.fa-comments {
+    content: "";
+    background-image: url("../ui/sidebar/sidebar_button-chat.webp") !important;
+    width: 100% !important;
+    height: 100% !important;
+    display: inline-block !important;
+    background-position:center !important;
+    background-size:cover !important;
+}
 
 #sidebar #sidebar-tabs i.fa-fist-raised {
     content: "";
@@ -205,80 +149,6 @@ body {
     content: "";
 }
 
-/*************************************************************/
-/*======================= CHAT TAB ==========================*/
-/*************************************************************/
-.message-sender {
-    color: darkred;
-    font-weight: bold;
-    border-bottom-color: darkred;
-    text-decoration: underline;
-}
-#chat-message{
-    background-image: url(../ui/frames/chat-texture.webp) !important;
-}
-
-.polyglot-lang-select{
-    color: darkgoldenrod !important;
-}
-.polyglot-lang-select select {
-    font-family: CaslonPro;
-    font-weight: 500;
-    font-size: 14px;
-    text-align: left;
-    position: relative;
-    height: 24px;
-    top: 10px;
-    padding-top: 0px;
-    background: url(../ui/frames/chat-texture.webp) repeat !important;
-    background-position-x: 0%;
-    background-position-y: 0%;
-    background-position: initial;
-    box-shadow: inset 0 0 10px #000000;
-    border-image: url(../ui/frames/chat-controls-border.webp) 4 repeat;
-    border-image-width: 4px;
-    color: #520000;
-    margin-top: -10px;
-}
-.roll-type-select{
-    font-family: CaslonPro;
-    font-weight: 500;
-    font-size: 14px;
-    text-align: left;
-    position: relative;
-    height: 24px;
-    top: 1px;
-    padding-top: 0px;
-    background: url(../ui/frames/chat-texture.webp) repeat !important;
-    background-position-x: 0%;
-    background-position-y: 0%;
-    background-position: initial;
-    box-shadow: inset 0 0 10px #000000;
-    border-image: url(../ui/frames/chat-controls-border.webp) 4 repeat;
-    border-image-width: 4px;
-    color: #520000;
-}
-
-#sidebar .sidebar-tab #chat-controls div.roll-type-select select {
-    font-family: CaslonPro;
-    font-weight: 500;
-    font-size: 14px;
-    text-align: left;
-    position: relative;
-    height: 24px;
-    top: 7px;
-    padding-top: 3px;
-    background: url(../ui/frames/chat-texture.webp) repeat;
-    background-position-x: 0%;
-    background-position-y: 0%;
-    background-position: initial;
-    box-shadow: inset 0 0 10px #000000;
-    border-image: url(../ui/frames/chat-controls-border.webp) 4 repeat;
-    border-image-width: 4px;
-    border-image-outset: 3px 2px 2px 2px;
-    color: #520000;
-}
-
 /*************************************************************/
 /*====================== COMBAT TAB =========================*/
 /*************************************************************/
@@ -290,57 +160,6 @@ body {
     background-repeat: no-repeat;
 }
 
-/*************************************************************/
-/*================= SIDEBAR FOLDER & WIDGETS ================*/
-/*************************************************************/
-.sidebar-tab .directory-header .header-search {
-    align-items: baseline;
-}
-
-.sidebar-tab .directory-header .header-search input {
-    font-family: CaslonPro;
-    font-weight: 500;
-    font-size: 14px;
-    text-align: left;
-    position: relative;
-    height: 24px;
-    top: 7px;
-    padding-top: 3px;
-    background: url(../ui/frames/chat-texture.webp) repeat;
-    background-position-x: 0%;
-    background-position-y: 0%;
-    background-position: initial;
-    box-shadow: inset 0 0 10px #000000;
-    border-image: url(../ui/frames/chat-controls-border.webp) 4 repeat;
-    border-image-width: 4px;
-    border-image-outset: 3px 2px 2px 2px;
-    color: #520000;
-}
-
-.sidebar-tab .directory-header button {
-    background-image: url(../ui/buttons/button-green.webp);
-    text-align: center;
-    background-position: center !important;
-    background-size: 100% 100% !important;
-    background-repeat: no-repeat;
-    min-height: 32px;
-    border: 0px solid #b5b3a4;
-    color : white;
-    text-shadow: 2px 2px black ;
-}
-
-.sidebar-tab .directory-footer button{
-    background-image: url(../ui/buttons/button-green.webp);
-    text-align: center;
-    background-position: center !important;
-    background-size: 100% 100% !important;
-    background-repeat: no-repeat;
-    min-height: 32px;
-    border: 0px solid #b5b3a4;
-    color : white;
-    text-shadow: 2px 2px black ;
-}
-
 /*************************************************************/
 /*=============== SIDEBAR FOLDERs AS BUTTONS ================*/
 /*************************************************************/
@@ -373,28 +192,7 @@ body {
 /*************************************************************/
 /*================== COMPENDIUM HEADERS =====================*/
 /*************************************************************/
-#compendium h3 {
-    text-align: left;
-    position: relative;
-    height: 55px;
-    top: 7px;
-    padding-top: 20px;
-    padding-left: 30px;
-    background: url(../ui/buttons/button-red.webp) no-repeat;
-    background-position-x: 0%;
-    background-size: 100% 55px;
-    background-position-y: 0%;
-    background-position: initial;
-    box-shadow: inset 0 0 10px #000000;
-    border-image: url(../ui/frames/chat-controls-border.webp) 4 repeat;
-    border-image-width: 4px;
-    border-image-outset: 3px 2px 2px 2px;
-    color: #eeede0;
-    text-shadow: 2px 2px 4px #000000;
-}
-#compendium ol.compendium-list {
-    padding-left: 25px;;
-}
+
 /* #endregion */
 
 #settings button {
@@ -429,209 +227,14 @@ body {
 }
 
 #chat-log .message.whisper .message-header .message-metadata::before{
-    color: #585858;
+    color: rgba(88, 88, 88, 0.25);
     content: " (Private Roll) ";
     float: left;
 }
 
 
 #chat-log .message.blind .message-header .message-metadata::before{
-    color: #585858;
+    color: rgba(88, 88, 88, 0.25);
     content: " (Blind Roll) " !important;
     float: left;
 }
-
-/*************************************************************/
-/*================== NAVIGATION BAR =========================*/
-/*************************************************************/
-#navigation #scene-list .scene.view, #navigation #scene-list .scene.context {
-    cursor: default; 
-    color: #FFF;
-    background: url(../ui/sidebar/sidebar_button-background_red.webp) repeat;
-    background-origin: padding-box;
-    border-image: url(../ui/sidebar/sidebar_button-footer-button.webp) 10 repeat;
-    border-image-width: 4px;
-    border-image-outset: 0px;
-    box-shadow: 0 0 20px red;
-  }
-  
-  #navigation #nav-toggle {
-    cursor: default; 
-    color: #FFF;
-    background: url(../ui/sidebar/sidebar_button-background_cyan.webp) repeat;
-    background-origin: padding-box;
-    border-image: url(../ui/sidebar/sidebar_button-footer-button.webp) 10 repeat;
-    border-image-width: 4px;
-    border-image-outset: 0px;
-    font-family: CaslonPro;
-    font-weight: 500;
-    font-size: 14px;
-    padding-top: 3px;
-    height: 36px;
-  }
-  
-  #navigation #scene-list .scene.nav-item {
-    cursor: default; 
-    color: #FFF;
-    background: url(../ui/sidebar/sidebar_button-background_cyan.webp) repeat;
-    background-origin: padding-box;
-    border-image: url(../ui/sidebar/sidebar_button-footer-button.webp) 10 repeat;
-    border-image-width: 4px;
-    border-image-outset: 0px;
-    font-family: CaslonPro;
-    font-weight: 500;
-    font-size: 14px;
-    padding-top: 2px;
-  }
-  #navigation #scene-list .scene.nav-item.active {
-    background: url(../ui/sidebar/sidebar_button-background_red.webp) repeat;
-  }
-    #navigation #scene-list .scene li.scene-player {
-      float: left;
-      height: 15px;
-      width: 15px;
-      margin: 0 2px 0 0;
-      line-height: 12px;
-      padding-top: 1px;
-      text-align: center;
-      color: #000000e8;
-      font-weight: 600;
-      background: #97dff4;
-      border: 1px solid #000;
-      border-radius: 8px;
-      font-family: "Signika", "Palatino Linotype", serif;
-      font-size: 13px;
-      box-shadow: inset 0 0 3px #000000;
-    }
-  
-  /*************************************************************/
-  /*=================== SCENE CONTROLS ========================*/
-  /*************************************************************/
-  #controls .scene-control.active, #controls .control-tool.active, #controls .scene-control:hover, #controls .control-tool:hover {
-  cursor: default; 
-  color: #FFF;
-  background: url(../ui/sidebar/sidebar_button-background_red.webp) repeat !important;
-  background-origin: padding-box !important;
-  border-image: url(../ui/sidebar/sidebar_button-footer-button.webp) 10 repeat !important;
-  border-image-width: 4px !important;
-  border-image-outset: 0px !important;
-  box-shadow: 0 0 10px red !important;
-  }
-  
-  #controls .scene-control, #controls .control-tool {
-  width: 36px !important;
-  height: 36px !important;
-  box-sizing: content-box !important;
-  font-size: 19px !important;
-  line-height: 36px !important;
-  background: rgba(0, 0, 0, 0.5) !important;
-  box-shadow: 0 0 3px #000 !important;
-  margin: 0 0 8px !important;
-  color: #BBB !important;
-  text-align: center !important;
-  border: 1px solid #000 !important;
-  border-radius: 5px !important;
-  cursor: pointer !important; 
-  cursor: default !important; 
-  color: #FFF !important;
-  background: url(../ui/sidebar/sidebar_button-background_cyan.webp) repeat !important;
-  background-origin: padding-box !important;
-  border-image: url(../ui/sidebar/sidebar_button-footer-button.webp) 10 repeat !important;
-  border-image-width: 4px !important;
-  border-image-outset: 0px !important;
-  }
-
-/*************************************************************/
-/*=================== PLAYERS LIST ==========================*/
-/*************************************************************/
-#players {
-    position: fixed;
-    bottom: 25px;
-    left: 13px;
-    width: 200px;
-    border: 1px solid blue;
-    border-image: url(../ui/frames/players-border.webp) 21 repeat;
-    border-image-slice: 23 19 23 19;
-    border-image-width: 23px 19px 23px 19px;
-    border-image-outset: 22px 17px 16px 14px;
-    border-radius: 0px;
-    box-shadow: inset 0 0 10px #000000;
-    background: #000000e8;
-    font-family: CaslonPro;
-    font-weight: 500;
-    font-size: 14px;
-  }
-    #players h3 .fas.fa-users {
-      margin-right: 10px;
-      display: none;
-    }
-  #players ol .player-name {
-    overflow: hidden;
-    white-space: nowrap;
-    word-break: break-all;
-    padding-top: 3px;
-  }
-
-/******************************************************************/
-/*========================= HOTBAR ===============================*/
-/******************************************************************/
-
-  /* ==================== (A) WINDOW FRAMEWORK ================== */
-  #hotbar {
-    font-family: CaslonPro;
-    font-weight: 500;
-    font-size: 14px;
-    width: 600px;
-    height: 60px;
-  }    
-
-  #hotbar #action-bar {
-    flex: 1;
-    height: 100%;
-    justify-content: space-evenly;
-  }
-  #hotbar #action-bar #macro-list {
-    flex: 0 0 510px;
-    height: 100%;
-    list-style: none;
-    margin: 0 0px;
-    padding: 5px 0px 4px 0px;
-    border: none;
-    border-radius: 4px;
-    justify-content: center;
-    background: url(../ui/frames/hotkeybox-macro-list.webp);
-    box-shadow: 2px 2px 5px #000000;
-  }
-    #hotbar #action-bar .macro {
-      border-image: url(../ui/frames/hotkeybox.webp) 21 repeat;
-      border-image-slice: 6 6 6 6 fill;
-      border-image-width: 6px 6px 6px 6px;
-      border-image-outset: 0px 0px 0px 0px;
-      border-radius: 0px;
-    }   
-      #hotbar .macro .macro-key {
-        position: absolute;
-        top: 2px;
-        right: 2px;
-        padding: 3px 3px;
-        text-shadow: 1px 1px 1px black;
-        color: #f0f0e0;
-        font-weight: normal;
-        background: #000000e0;
-        max-height: 19px;
-        border-radius: 6px;
-        box-shadow: 0px 0px 5px black;
-      }
-  #hotbar .bar-controls {
-    background: #000000de;
-    box-shadow: 0 0 4px black;
-    border-radius: 16px;
-    border: 2px solid #540e0ec2;
-  }
-    #hotbar .bar-controls span.page-number {
-      display: block;
-      font-size: 20px;
-      line-height: 8px;
-      position: relative;
-      top: 4px;
-    }

system/l5r-ui/scripts/help/l5rui-help.js

@@ -39,7 +39,7 @@ Hooks.once("ready", async function() {
 
     //----logo image
     var logo = document.getElementById("logo");
-    logo.setAttribute("src", "systems/l5r5e/l5r-ui/ui/logo/l5r-logo.webp");
+    logo.setAttribute("src", "systems/l5r5e/assets/l5r-logo.webp");
 
     //--------------ouvrir le menu lien sur click logo
     logo.setAttribute("title", "Aide en Ligne");

system/l5r-ui/ui/cursors/normal.svg

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 23 23" style="enable-background:new 0 0 23 23;" xml:space="preserve">
+<style type="text/css">
+	.st0{display:none;}
+	.st1{display:inline;opacity:0.25;}
+	.st2{display:inline;fill:#FFFFFF;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st3{opacity:0.25;}
+	.st4{fill:#FFFFFF;stroke:#000000;stroke-width:0.75;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+</style>
+<g id="Fond" class="st0">
+</g>
+<g id="Calque_1" class="st0">
+	<path class="st1" d="M12.11,15.06c1.83-0.87,2.77-4.24,1.32-5.66l-6.8-6.95l3.18,9c0.08-0.03,0.17-0.04,0.26-0.04
+		c0.39,0.02,0.69,0.36,0.67,0.76c-0.02,0.4-0.36,0.7-0.75,0.67c-0.39-0.02-0.69-0.36-0.67-0.76c0.02-0.29,0.2-0.53,0.45-0.63
+		L6.4,2.09L5.92,13.41c-0.1,1.68,2.58,3.36,4.06,2.56l1.75,5.19c0.83,1.92,3.11,0.91,2.57-0.63L12.11,15.06z"/>
+	<path class="st2" d="M13.07,14.56c1.77-0.97,2.5-4.35,0.98-5.67L6.86,2.43l3.71,8.7c0.08-0.03,0.17-0.05,0.26-0.05
+		c0.39,0,0.71,0.32,0.71,0.71s-0.32,0.71-0.71,0.71c-0.39,0-0.71-0.32-0.71-0.71c0-0.29,0.17-0.53,0.42-0.64L6.6,2.09L6.79,13.3
+		c0,1.67,2.78,3.16,4.2,2.29l2.05,5.03c0.94,1.84,3.16,0.72,2.53-0.78L13.07,14.56z"/>
+</g>
+<g id="Calque_3">
+	<path class="st3" d="M13.12,15.65v-3.42c0-0.72-0.32-1.39-0.85-1.78L1.45,1.53l7.4,10.48c0.28-0.31,0.68-0.51,1.13-0.51
+		c0.84,0,1.52,0.68,1.52,1.52c0,0.84-0.68,1.52-1.52,1.52c-0.84,0-1.52-0.68-1.52-1.52c0-0.39,0.15-0.73,0.39-1L0.94,1.08
+		l5.77,14.06c0.36,0.81,1.46,1.91,2.25,1.94l1.72,0.44l3.57,4.47c1.03,0.13,1.97,0.32,2.16-0.84l0.11-0.71L13.12,15.65z"/>
+	<path class="st4" d="M15.13,14.6v-3.4c0-0.72-0.36-1.38-0.97-1.77L1.46,1.08l8.86,10c0.22-0.17,0.49-0.29,0.79-0.29
+		c0.73,0,1.32,0.59,1.32,1.32c0,0.73-0.59,1.32-1.32,1.32c-0.73,0-1.32-0.59-1.32-1.32c0-0.43,0.22-0.79,0.53-1.03L1.3,1.1
+		l6.54,12.99c0.4,0.8,1.66,1.9,2.56,1.93l1.96,0.43l4.05,5.44c1.17,0.13,2.24-0.67,2.45-1.83l0.13-0.71L15.13,14.6z"/>
+</g>
+</svg>