176 lines
4.4 KiB
Plaintext
176 lines
4.4 KiB
Plaintext
// ============================================
|
|
// Variables LESS pour Vermine2047
|
|
// Converti depuis les variables CSS du fichier vermine2047.css
|
|
// ============================================
|
|
|
|
// Couleurs de texte - clair
|
|
@color-text-light-highlight: #96d696;
|
|
@color-text-light-heading: #9fd8a8;
|
|
@color-text-light-primary: #a4b5b3;
|
|
|
|
// Couleurs de texte - foncé
|
|
@color-text-dark-primary: #131919;
|
|
@color-text-dark-secondary: #444b4a;
|
|
@color-text-dark-header: #1d2223;
|
|
@color-text-dark-inactive: #71797a;
|
|
|
|
// Couleurs de texte - autres
|
|
@color-text-hyperlink: #5aaf0a;
|
|
|
|
// Niveaux de gris pour le texte clair
|
|
@color-text-light-0: #fff;
|
|
@color-text-light-1: #e0f0f0;
|
|
@color-text-light-2: #c9e0c0;
|
|
@color-text-light-3: #90c4a4;
|
|
@color-text-light-4: #80c08b;
|
|
@color-text-light-5: #60b06b;
|
|
@color-text-light-6: #40a05d;
|
|
@color-text-light-7: #208028;
|
|
|
|
// Niveaux de gris pour le texte foncé
|
|
@color-text-dark-1: #111;
|
|
@color-text-dark-2: #222;
|
|
@color-text-dark-3: #444;
|
|
@color-text-dark-4: #555;
|
|
@color-text-dark-5: #666;
|
|
@color-text-dark-6: #777;
|
|
|
|
// Couleurs de bordure - clair
|
|
@color-border-light-1: #b0d9b0;
|
|
@color-border-light-2: #80c0c0;
|
|
|
|
// Couleurs de bordure - foncé
|
|
@color-border-dark-1: #131919;
|
|
@color-border-dark-2: #1d2223;
|
|
@color-border-dark-3: #2d3333;
|
|
@color-border-dark-4: #3d4444;
|
|
@color-border-dark-5: #668888;
|
|
|
|
// Couleurs d'ombre
|
|
@color-shadow-primary: #7bb60d;
|
|
@color-shadow-highlight: #85cc01d0;
|
|
@color-shadow-dark: #000;
|
|
|
|
// Couleurs de soulignement
|
|
@color-underline-inactive: #71797a;
|
|
@color-underline-active: #1a1944;
|
|
@color-underline-header: #228247;
|
|
|
|
// Couleurs de bordure - autres
|
|
@color-border-light-highlight: #b0d9b0;
|
|
@color-border-light-primary: #a4b5b3;
|
|
@color-border-light-secondary: #9fc7d8;
|
|
@color-border-light-tertiary: #71797a;
|
|
@color-border-dark: #000;
|
|
@color-border-dark-primary: #131919;
|
|
@color-border-dark-secondary: #1d2223;
|
|
@color-border-dark-tertiary: #444b4a;
|
|
@color-border-highlight: #85c019;
|
|
@color-border-highlight-alt: #70c008;
|
|
|
|
// Couleurs de fond
|
|
@color-bg-btn-minor-inactive: #9fc7d8;
|
|
@color-bg-btn-minor-active: #a4b5b3;
|
|
@color-bg-option: #ccdada;
|
|
|
|
// Autres couleurs
|
|
@color-checkbox-checked: #666;
|
|
@color-ownership-none: #00ff55;
|
|
@color-ownership-observer: #71797a;
|
|
@color-ownership-owner: #a4b5b3;
|
|
|
|
// Niveaux de log
|
|
@color-level-info: #b95c87;
|
|
@color-level-warning: #04b184;
|
|
@color-level-error: #03750;
|
|
@color-level-success: #3c266c;
|
|
|
|
// Z-index
|
|
@z-index-canvas: 0;
|
|
@z-index-app: 30;
|
|
@z-index-ui: 60;
|
|
@z-index-window: 100;
|
|
@z-index-tooltip: 9999;
|
|
|
|
// Dimensions
|
|
@sidebar-width: 300px;
|
|
@sidebar-header-height: 32px;
|
|
@sidebar-item-height: 48px;
|
|
@hotbar-height: 52px;
|
|
@hotbar-width: 578px;
|
|
@macro-size: 50px;
|
|
@players-width: 200px;
|
|
@form-field-height: 26px;
|
|
|
|
// Polices
|
|
@font-mono: monospace;
|
|
|
|
// Tailles de police
|
|
@font-size-11: 0.6875rem;
|
|
@font-size-12: 0.75rem;
|
|
@font-size-13: 0.8125rem;
|
|
@font-size-14: 0.875rem;
|
|
@font-size-16: 1rem;
|
|
@font-size-18: 1.125rem;
|
|
@font-size-20: 1.25rem;
|
|
@font-size-24: 1.5rem;
|
|
@font-size-28: 1.75rem;
|
|
@font-size-32: 2rem;
|
|
@font-size-48: 3rem;
|
|
|
|
// Hauteurs de ligne
|
|
@line-height-12: 0.75rem;
|
|
@line-height-16: 1rem;
|
|
@line-height-20: 1.25rem;
|
|
@line-height-30: 1.875rem;
|
|
|
|
// ============================================
|
|
// Variables spécifiques Vermine2047
|
|
// ============================================
|
|
|
|
// Couleurs thématiques
|
|
@theme-color-primary: #7e7544;
|
|
@theme-color-secondary: #dfdfdf;
|
|
@theme-color-accent: #1fa832;
|
|
@theme-color-dark: #191813;
|
|
@theme-color-light: #4e564c;
|
|
@theme-color-shadow: rgba(0, 0, 0, 0.7098039216);
|
|
@theme-color-highlight: #005a3c;
|
|
|
|
// Couleurs insecte / organique
|
|
@color-acid-green: #6ab04c;
|
|
@color-amber: #e8b84b;
|
|
@color-chitin-dark: #2a2520;
|
|
@color-hemolymph: #8b4513;
|
|
@color-membrane: rgba(106, 176, 76, 0.1);
|
|
@color-honeycomb: #c9a84c;
|
|
|
|
// Couleurs pour les dés et totems
|
|
@dice-pool-color: rgb(94, 90, 77);
|
|
@dice-reroll-color: rgb(187, 182, 165);
|
|
@totem-human-color: #064930;
|
|
@totem-adapted-color: #553402;
|
|
|
|
// Couleurs pour les niveaux de rareté
|
|
@rarity-0-bg: #444;
|
|
@rarity-0-text: #aaa;
|
|
@rarity-1-bg: #5a7a5a;
|
|
@rarity-1-text: #fff;
|
|
@rarity-2-bg: #7a9a7a;
|
|
@rarity-2-text: #000;
|
|
@rarity-3-bg: #9a5a9a;
|
|
@rarity-3-text: #fff;
|
|
|
|
// Couleurs pour les modes de jeu
|
|
@game-mode-1-color: rgba(235, 218, 143, 0.8);
|
|
@game-mode-2-color: #83f883;
|
|
@game-mode-3-color: rgba(245, 124, 124, 0.8);
|
|
|
|
// Chemins des assets
|
|
@assets-path: "/systems/vermine2047/assets";
|
|
@images-path: "@{assets-path}/images";
|
|
@fonts-path: "@{assets-path}/fonts";
|
|
@ui-path: "@{images-path}/ui";
|
|
@totems-path: "@{images-path}/ui/totems";
|
|
@dice-path: "@{assets-path}/dice";
|