Apply border color variable to matching borders

This commit is contained in:
Carlos Fernandez 2026-05-26 21:42:17 -04:00
parent 4f5317060a
commit 988dc82c36
26 changed files with 58 additions and 156 deletions

View file

@ -172,7 +172,7 @@
background-color: light-dark(transparent, @dark-blue);
color: @color-text-emphatic;
padding: 5px 10px;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 6px;
align-items: center;
width: fit-content;
@ -259,7 +259,7 @@
.tier-mark {
position: absolute;
background-color: @dark-blue;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 50%;
width: 1rem;
height: 1rem;
@ -298,7 +298,7 @@
.spellcasting-mark {
position: absolute;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
color: @golden;
left: 0;
right: 0;

View file

@ -45,7 +45,7 @@
.btn-toggle-view {
background: light-dark(@dark-blue-10, @dark-blue);
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 15px;
padding: 0;
gap: 0;

View file

@ -168,7 +168,7 @@
appearance: none;
width: 100px;
height: 40px;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 6px;
z-index: 1;
background: @dark-blue;
@ -282,7 +282,7 @@
&:hover {
background: light-dark(@light-black, @dark-blue);
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
h4,
i {
@ -309,7 +309,7 @@
flex-wrap: wrap;
gap: 4px;
padding: 5px;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 6px;
z-index: 1;
background: @dark-blue;
@ -343,7 +343,7 @@
&:hover {
background: light-dark(@light-black, @dark-blue);
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
.label,
.value,
@ -375,7 +375,7 @@
text-align: center;
z-index: 2;
color: light-dark(@dark-blue, @beige);
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-bottom: none;
border-radius: 6px 6px 0 0;
@ -411,7 +411,7 @@
appearance: none;
width: 80px;
height: 30px;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 6px;
z-index: 1;
background: light-dark(transparent, @dark-blue);
@ -450,7 +450,7 @@
display: flex;
width: 50px;
height: 30px;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-bottom: none;
border-radius: 6px 6px 0 0;
padding: 0 6px;
@ -515,7 +515,7 @@
background-color: light-dark(transparent, @dark-blue);
color: @color-text-emphatic;
padding: 5px 10px;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 6px;
align-items: center;
width: fit-content;