refactor styles folder (#302)

This commit is contained in:
Murilo Brito 2025-07-08 19:39:00 -03:00 committed by GitHub
parent 059b814fdf
commit 4150de757b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
78 changed files with 4208 additions and 8824 deletions

View file

@ -45,6 +45,21 @@
@gradient-hp: linear-gradient(15deg, rgb(70, 20, 10) 0%, rgb(190, 0, 0) 42%, rgb(252, 176, 69) 100%);
@gradient-stress: linear-gradient(15deg, rgb(130, 59, 1) 0%, rgb(252, 142, 69) 65%, rgb(190, 0, 0) 100%);
// TODO: Remove this colors section once new chat layout is done
@miss: rgb(255, 0, 0);
@hit: rgb(0, 128, 0);
@positive: #699969;
@secondaryShadow: gold;
@primaryAccent: #778899;
@hope: #ffe760;
@fear: #0032b1;
@fearBackgroundStart: rgba(15, 15, 97, 0.6);
@fearBackgroundEnd: rgba(0, 0, 255, 0.6);
@critical: #430070;
@criticalBackgroundStart: rgba(37, 8, 37, 0.6);
@criticalBackgroundEnd: rgba(128, 0, 128, 0.6);
@primary-color-fear: rgba(9, 71, 179, 0.75);
@keyframes glow {
0% {
box-shadow: 0 0 1px 1px @golden;

View file

@ -0,0 +1,26 @@
/* Base Value */
@distance: 8;
/* Margins */
@tinyMargin: (@distance / 4) * 1px;
@halfMargin: (@distance / 2) * 1px;
@fullMargin: @distance * 1px;
@mediumMargin: @distance * 1.5px; // Specific, but might be good?
@largeMargin: @distance * 2px;
@threeQuarterMargin: @distance * 3px; // Too specific? If not used a lot, possibly remove and just use @distance * 3px
@hugeMargin: @distance * 4px;
@massiveMargin: @distance * 8px;
/* Borders */
@thinBorder: 1px;
@normalBorder: 2px;
@thickBorder: 4px;
@normalRadius: 6px;
/* Padding */
@smallPadding: 2px;
@fullPadding: 4px;
@largePadding: 8px;
/* Inputs */
@inputSingleMinWidth: 26px;