DRCIT/snipe-it
1
0
Fork 0
mirror of https://github.com/snipe/snipe-it.git synced 2024-11-09 23:24:06 -08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

fixes inconsistencies with links styling

Browse source
This commit is contained in:
Godfrey M 2022-05-18 09:37:53 -07:00
parent b7b21689f2
commit 75f5f3a0a8
7 changed files with 145 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
resources/assets/less/skins/skin-black.less
View file

@ -102,6 +102,26 @@ a {
.text-primary {
color: darken(@black, 20%);
}
:root {
--button-default: darken(@black, 15%);
--button-primary: darken(@black, 25%);
--button-hover: darken(@black, 30%);
--header: @black; /* Use same as Header picker */
--text-main: #BBB;
--text-sub: #9b9b9b;
--link: #AAA; /* Use same as Header picker, lighten by 70% */
--visited-link: lighten(@black, 40%); /* Use same as Header picker, lighten by 70% */
--hover-link: lighten(@black, 45%); /* Use same as Header picker, lighten by 70% */
--nav-link: #FFF; /* Use same as Header picker */
--light-link: #fff; /* Use same as Header picker */
}
a:link {
color: var(--link);
}
a:visited {
color: var(--visited-link);
}
.skin-black .main-header .navbar .nav>li>a, .skin-black .main-header .navbar .nav>li>a {
text-decoration: none;

20
resources/assets/less/skins/skin-blue.less
View file

@ -109,6 +109,26 @@ a {
color: @light-blue;
}
}
:root {
--button-default: darken(@blue, 15%);
--button-primary: darken(@blue, 25%);
--button-hover: darken(@blue, 30%);
--header: @blue; /* Use same as Header picker */
--text-main: #BBB;
--text-sub: #9b9b9b;
--link: #1978D4; /* Use same as Header picker, lighten by 70% */
--visited-link: #3c8dbc ; /* Use same as Header picker, lighten by 70% */
--hover-link: #4B77BE; /* Use same as Header picker, lighten by 70% */
--nav-link: #FFF; /* Use same as Header picker */
--light-link: #fff; /* Use same as Header picker */
}
a:link {
color: var(--link);
}
a:visited {
color: var(--visited-link);
}
.text-primary {
color: darken(@light-blue, 20%);

22
resources/assets/less/skins/skin-green.less
View file

@ -6,7 +6,20 @@
@import "../bootstrap-less/variables.less";
@import "../variables.less";
@import "../mixins.less";
:root{
--visited-link: #5D995D; /* Use same as Header picker, lighten by 70% */
--background: #222;
--back-main: #333;
--back-sub: #3d4144;
--back-sub-alt: rgba(0, 0, 0, 0.36);
--button-default: darken(@green, 15%);
--button-primary: darken(@green, 25%);
--button-hover: darken(@green, 30%);
--header: @green; /* Use same as Header picker */
--text-main: #BBB;
--text-sub: #9b9b9b;
--link: #28A228; /* Use same as Header picker, lighten by 70% */
}
.skin-green {
//Navbar
.main-header {
@ -85,6 +98,13 @@
}
}
a:link {
color: var(--link);
}
a:visited {
color: var(--visited-link);
}
a {
color: @green;

20
resources/assets/less/skins/skin-orange.less
View file

@ -99,6 +99,26 @@ a {
.text-primary {
color: darken(@orange, 20%);
}
:root {
--button-default: darken(@orange, 15%);
--button-primary: darken(@orange, 25%);
--button-hover: darken(@orange, 30%);
--header: @orange; /* Use same as Header picker */
--text-main: #BBB;
--text-sub: #9b9b9b;
--link: #D43900; /* Use same as Header picker, lighten by 70% */
--visited-link: #D46A43; /* Use same as Header picker, lighten by 70% */
--hover-link: #FF4500; /* Use same as Header picker, lighten by 70% */
--nav-link: #FFF; /* Use same as Header picker */
--light-link: #fff; /* Use same as Header picker */
}
a:link {
color: var(--link);
}
a:visited {
color: var(--visited-link);
}
.fixed-table-container tbody .selected td {
background-color: #fff8af;

21
resources/assets/less/skins/skin-purple.less
View file

@ -100,6 +100,27 @@ a {
color: darken(@purple, 20%);
}
:root {
--button-default: darken(@purple, 15%);
--button-primary: darken(@purple, 25%);
--button-hover: darken(@purple, 30%);
--header: @purple; /* Use same as Header picker */
--text-main: #BBB;
--text-sub: #9b9b9b;
--link: #9370DB; /* Use same as Header picker, lighten by 70% */
--visited-link: #B93CF6; /* Use same as Header picker, lighten by 70% */
--hover-link: #BF55EC; /* Use same as Header picker, lighten by 70% */
--nav-link: #FFF; /* Use same as Header picker */
--light-link: #fff; /* Use same as Header picker */
}
a:link {
color: var(--link);
}
a:visited {
color: var(--visited-link);
}
.fixed-table-container tbody .selected td {
background-color: #fff8af;
}

22
resources/assets/less/skins/skin-red.less
View file

@ -100,6 +100,28 @@ a {
color: darken(@red, 20%);
}
:root {
--button-default: darken(@red, 15%);
--button-primary: darken(@red, 25%);
--button-hover: darken(@red, 30%);
--header: @red; /* Use same as Header picker */
--text-main: #BBB;
--text-alt: #222;
--text-sub: #9b9b9b;
--link: #e00000; /* Use same as Header picker, lighten by 70% */
--visited-link: #D24D57; /* Use same as Header picker, lighten by 70% */
--hover-link: #D24D57; /* Use same as Header picker, lighten by 70% */
--nav-link: #FFF; /* Use same as Header picker */
--light-link: #fff; /* Use same as Header picker */
}
a:link {
color: var(--link);
}
a:visited {
color: var(--visited-link);
}
.fixed-table-container tbody .selected td {
background-color: #fff8af;
}

21
resources/assets/less/skins/skin-yellow.less
View file

@ -100,6 +100,27 @@ a {
color: darken(@yellow, 20%);
}
:root {
--button-default: darken(@yellow, 15%);
--button-primary: darken(@yellow, 25%);
--button-hover: darken(@yellow, 30%);
--header: @yellow; /* Use same as Header picker */
--text-main: #BBB;
--text-sub: #9b9b9b;
--link: lighten(@yellow, 10%); /* Use same as Header picker, lighten by 70% */
--visited-link: lighten(@yellow, 20%); /* Use same as Header picker, lighten by 70% */
--hover-link: lighten(@yellow, 45%); /* Use same as Header picker, lighten by 70% */
--nav-link: #FFF; /* Use same as Header picker */
--light-link: #fff; /* Use same as Header picker */
}
a:link {
color: var(--link);
}
a:visited {
color: var(--visited-link);
}
.fixed-table-container tbody .selected td {
background-color: #fff8af;
}