ouyang/snipe-it
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated dark skins with updated styles

Browse Source
This commit is contained in:
snipe
2020-03-31 20:58:54 -07:00
parent 9cc9cddd68
commit bfa9c0c528
24 changed files with 315 additions and 112 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/css/skins/skin-black-dark.css
+1 -1
View File
File diff suppressed because one or more lines are too long
public/css/skins/skin-black-dark.css.map
+1 -1
View File
File diff suppressed because one or more lines are too long
public/css/skins/skin-blue-dark.css
+1 -1
View File
File diff suppressed because one or more lines are too long
public/css/skins/skin-blue-dark.css.map
+1 -1
View File
File diff suppressed because one or more lines are too long
public/css/skins/skin-green-dark.css
+1 -1
View File
File diff suppressed because one or more lines are too long
public/css/skins/skin-green-dark.css.map
+1 -1
View File
File diff suppressed because one or more lines are too long
public/css/skins/skin-orange-dark.css
+1 -1
View File
File diff suppressed because one or more lines are too long
public/css/skins/skin-orange-dark.css.map
+1 -1
View File
File diff suppressed because one or more lines are too long
public/css/skins/skin-purple-dark.css
+1 -1
View File
File diff suppressed because one or more lines are too long
public/css/skins/skin-purple-dark.css.map
+1 -1
View File
File diff suppressed because one or more lines are too long
public/css/skins/skin-red-dark.css
+1 -1
View File
File diff suppressed because one or more lines are too long
public/css/skins/skin-red-dark.css.map
+1 -1
View File
File diff suppressed because one or more lines are too long
public/css/skins/skin-yellow-dark.css
+1 -1
View File
File diff suppressed because one or more lines are too long
public/css/skins/skin-yellow-dark.css.map
+1 -1
View File
File diff suppressed because one or more lines are too long
public/js/build/vue.js.map
+1 -1
View File
File diff suppressed because one or more lines are too long
public/mix-manifest.json
+15 -15
View File
@@ -7,18 +7,18 @@
"/css/skins/skin-red.css": "/css/skins/skin-red.css?id=3161759c00be8a16387e",
"/css/skins/skin-contrast.css": "/css/skins/skin-contrast.css?id=732ee1ee283c8275b0c3",
"/css/skins/skin-green.css": "/css/skins/skin-green.css?id=191049461e7b9606e5ca",
"/css/skins/skin-green-dark.css": "/css/skins/skin-green-dark.css?id=d3671dfad0189f916d2d",
"/css/skins/skin-green-dark.css": "/css/skins/skin-green-dark.css?id=afcc1b413bba696f1237",
"/css/skins/skin-black.css": "/css/skins/skin-black.css?id=1dfec89b8640b69dc0fc",
"/css/skins/skin-black-dark.css": "/css/skins/skin-black-dark.css?id=9ae528cc5f9c40b930f8",
"/css/skins/skin-red-dark.css": "/css/skins/skin-red-dark.css?id=bf5a998b4ed21331dd9d",
"/css/skins/skin-black-dark.css": "/css/skins/skin-black-dark.css?id=d3e17a59a4261e7af22a",
"/css/skins/skin-red-dark.css": "/css/skins/skin-red-dark.css?id=aff0dcabe1295cd520ef",
"/css/skins/skin-purple.css": "/css/skins/skin-purple.css?id=a3d679dc5d219e2311c9",
"/css/skins/skin-purple-dark.css": "/css/skins/skin-purple-dark.css?id=27e40ba1d9580c5dbdc0",
"/css/skins/skin-purple-dark.css": "/css/skins/skin-purple-dark.css?id=39a8a2495bb64ae056ff",
"/css/skins/skin-yellow.css": "/css/skins/skin-yellow.css?id=326096b7e7c0af8a4adf",
"/css/skins/skin-yellow-dark.css": "/css/skins/skin-yellow-dark.css?id=5ecc180209e6a39a9f16",
"/css/skins/skin-blue-dark.css": "/css/skins/skin-blue-dark.css?id=c4ccadcd9f771d36c6e4",
"/css/skins/skin-orange-dark.css": "/css/skins/skin-orange-dark.css?id=94634f8d6b75bffa1700",
"/css/skins/skin-yellow-dark.css": "/css/skins/skin-yellow-dark.css?id=a4d510ebabd6d182d728",
"/css/skins/skin-blue-dark.css": "/css/skins/skin-blue-dark.css?id=4c0480eb584a7d358024",
"/css/skins/skin-orange-dark.css": "/css/skins/skin-orange-dark.css?id=e5177317fb1f1baa1a46",
"/css/skins/skin-orange.css": "/css/skins/skin-orange.css?id=d5d91824310f39239fc2",
"/js/build/vue.js.map": "/js/build/vue.js.map?id=3df18469621e8e2ddfca",
"/js/build/vue.js.map": "/js/build/vue.js.map?id=2d3913576a1a114ba151",
"/css/AdminLTE.css.map": "/css/AdminLTE.css.map?id=5a2d6f3c59191ce716e2",
"/css/app.css.map": "/css/app.css.map?id=96b5c985e860716e6a16",
"/css/overrides.css.map": "/css/overrides.css.map?id=750ac6db3f6c3533777a",
@@ -26,16 +26,16 @@
"/css/skins/skin-red.css.map": "/css/skins/skin-red.css.map?id=d9e30ec9a781e3d1175e",
"/css/skins/skin-contrast.css.map": "/css/skins/skin-contrast.css.map?id=5dbf3db4b4665efd1246",
"/css/skins/skin-green.css.map": "/css/skins/skin-green.css.map?id=4b6523370cb6abc02826",
"/css/skins/skin-green-dark.css.map": "/css/skins/skin-green-dark.css.map?id=4839070a036b1fad832f",
"/css/skins/skin-green-dark.css.map": "/css/skins/skin-green-dark.css.map?id=fae3a02b49b2f545b7b3",
"/css/skins/skin-black.css.map": "/css/skins/skin-black.css.map?id=ad0bf20283280a01b34f",
"/css/skins/skin-black-dark.css.map": "/css/skins/skin-black-dark.css.map?id=a568d50553ba65ee7770",
"/css/skins/skin-red-dark.css.map": "/css/skins/skin-red-dark.css.map?id=6028ac1403015f935749",
"/css/skins/skin-black-dark.css.map": "/css/skins/skin-black-dark.css.map?id=842817a4469098c57090",
"/css/skins/skin-red-dark.css.map": "/css/skins/skin-red-dark.css.map?id=f379cd11992fddecbe03",
"/css/skins/skin-purple.css.map": "/css/skins/skin-purple.css.map?id=1904684da5f92dbc14de",
"/css/skins/skin-purple-dark.css.map": "/css/skins/skin-purple-dark.css.map?id=1b1bae7a24a6594b247b",
"/css/skins/skin-purple-dark.css.map": "/css/skins/skin-purple-dark.css.map?id=05a3efe13f8de7273a2c",
"/css/skins/skin-yellow.css.map": "/css/skins/skin-yellow.css.map?id=f4652aa1bd9463b2c210",
"/css/skins/skin-yellow-dark.css.map": "/css/skins/skin-yellow-dark.css.map?id=8c4bef295ca4c00eaf68",
"/css/skins/skin-blue-dark.css.map": "/css/skins/skin-blue-dark.css.map?id=61890aad394ba8628d7d",
"/css/skins/skin-orange-dark.css.map": "/css/skins/skin-orange-dark.css.map?id=81c95fc45ee39bb4a846",
"/css/skins/skin-yellow-dark.css.map": "/css/skins/skin-yellow-dark.css.map?id=86dbeaea1092787eed79",
"/css/skins/skin-blue-dark.css.map": "/css/skins/skin-blue-dark.css.map?id=aaa8570a4592e62abbaf",
"/css/skins/skin-orange-dark.css.map": "/css/skins/skin-orange-dark.css.map?id=37c54504668ee3ef58d8",
"/css/skins/skin-orange.css.map": "/css/skins/skin-orange.css.map?id=5cb51f4917038fd753ce",
"/css/dist/all.css": "/css/dist/all.css?id=9c6b075989db098ee828",
"/js/dist/all.js": "/js/dist/all.js?id=67e4a9bf8c403850a6ec",
resources/assets/less/skins/skin-black-dark.less
+38 -9
View File
@@ -23,11 +23,13 @@
li {
&.divider {
background-color: rgba(255, 255, 255, 0.1);
color: #fff;
}
a {
color: #fff;
&:hover {
background: darken(@black, 5%);
color: #fff;
}
}
}
@@ -59,7 +61,7 @@
.btn, .btn:hover {
color: #fff;
&.btn-primary, .btn-primary:link {
background-color: darken(@black, 10%);
@@ -87,17 +89,16 @@
a {
color: @black;
&:hover {
color: darken(@black, 20%);
color: #fff;
}
&:visited {
color: @black;
color: #fff;
}
}
.text-primary {
color: darken(@black, 20%);
color: #fff;
}
@@ -110,9 +111,9 @@ a {
--header: @black; /* Use same as Header picker */
--text-main: #FFF;
--text-sub: #BBB;
--link: lighten(@black, 10%); /* Use same as Header picker */
--link: lighten(@black, 50%); /* Use same as Header picker */
--nav-link: #FFF; /* Use same as Header picker */
--light-link: lighten(@black, 30%); /* Use same as Header picker */
--light-link: #fff; /* Use same as Header picker */
}
.main-header .navbar, .main-header .logo {
@@ -194,7 +195,7 @@ body {
}
.dropdown-menu, .dropdown-menu>li>a {
background-color: var(--back-sub);
color: var(--header);
color: var(--text-main);
}
.dropdown-menu>li>a:hover {
background-color: var(--back-main);
@@ -304,4 +305,32 @@ a {
&:visited {
color: var(--link);
}
}
}
.row-striped {
vertical-align: top;
line-height: 2.6;
padding: 0px;
margin-left: 20px;
box-sizing: border-box;
//border-left: 1px solid #dddddd;
//border-right: 1px solid #dddddd;
display: table;
}
.row-striped .row:nth-of-type(odd) div {
background-color: var(--back-sub);
color: var(--text-main);
border-top: 1px solid #dddddd;
display: table-cell;
}
.row-striped .row:nth-of-type(even) div {
background-color: var(--back-sub);
color: var(--text-main);
border-top: 1px solid #dddddd;
display: table-cell;
}
resources/assets/less/skins/skin-blue-dark.less
+50 -21
View File
@@ -11,11 +11,11 @@
//Navbar
.main-header {
.navbar {
.navbar-variant(@blue; #fff);
.navbar-variant(@navy; #fff);
.sidebar-toggle {
color: #fff;
&:hover {
background-color: darken(@blue, 5%);
background-color: darken(@navy, 5%);
}
}
@media (max-width: @screen-header-collapse) {
@@ -23,11 +23,13 @@
li {
&.divider {
background-color: rgba(255, 255, 255, 0.1);
color: #fff;
}
a {
color: #fff;
&:hover {
background: darken(@blue, 5%);
background: darken(@navy, 5%);
color: #fff;
}
}
}
@@ -37,7 +39,7 @@
//Logo
li.user-header {
background-color: @blue;
background-color: @navy;
}
}
@@ -47,7 +49,7 @@
}
//Create the sidebar skin
.skin-dark-sidebar(@blue);
.skin-dark-sidebar(@navy);
}
.skin-blue-dark.layout-top-nav .main-header > .logo {
@@ -59,45 +61,44 @@
.btn, .btn:hover {
color: #fff;
&.btn-primary, .btn-primary:link {
background-color: darken(@blue, 10%);
border-color: darken(@blue, 20%);
background-color: darken(@navy, 10%);
border-color: darken(@navy, 20%);
color: #fff;
}
&a.btn-primary:hover {
background-color: darken(@blue, 20%);
border-color: darken(@blue, 20%);
background-color: darken(@navy, 20%);
border-color: darken(@navy, 20%);
color: #fff;
}
&.btn-white:link {
background-color: darken(@blue, 10%);
background-color: darken(@navy, 10%);
color: #fff;
}
&.btn-white:hover {
background-color: darken(@blue, 30%);
background-color: darken(@navy, 30%);
color: #fff;
}
}
a {
color: @blue;
&:hover {
color: darken(@blue, 20%);
color: #fff;
}
&:visited {
color: @blue;
color: #fff;
}
}
.text-primary {
color: darken(@blue, 20%);
color: #fff;
}
@@ -107,12 +108,12 @@ a {
--background: #222;
--back-main: #333;
--back-sub: #444;
--header: @blue; /* Use same as Header picker */
--header: @navy; /* Use same as Header picker */
--text-main: #FFF;
--text-sub: #BBB;
--link: lighten(@blue, 10%); /* Use same as Header picker */
--link: lighten(@navy, 50%); /* Use same as Header picker */
--nav-link: #FFF; /* Use same as Header picker */
--light-link: lighten(@blue, 30%); /* Use same as Header picker */
--light-link: #fff; /* Use same as Header picker */
}
.main-header .navbar, .main-header .logo {
@@ -194,7 +195,7 @@ body {
}
.dropdown-menu, .dropdown-menu>li>a {
background-color: var(--back-sub);
color: var(--header);
color: var(--text-main);
}
.dropdown-menu>li>a:hover {
background-color: var(--back-main);
@@ -304,4 +305,32 @@ a {
&:visited {
color: var(--link);
}
}
}
.row-striped {
vertical-align: top;
line-height: 2.6;
padding: 0px;
margin-left: 20px;
box-sizing: border-box;
//border-left: 1px solid #dddddd;
//border-right: 1px solid #dddddd;
display: table;
}
.row-striped .row:nth-of-type(odd) div {
background-color: var(--back-sub);
color: var(--text-main);
border-top: 1px solid #dddddd;
display: table-cell;
}
.row-striped .row:nth-of-type(even) div {
background-color: var(--back-sub);
color: var(--text-main);
border-top: 1px solid #dddddd;
display: table-cell;
}
resources/assets/less/skins/skin-green-dark.less
+38 -9
View File
@@ -23,11 +23,13 @@
li {
&.divider {
background-color: rgba(255, 255, 255, 0.1);
color: #fff;
}
a {
color: #fff;
&:hover {
background: darken(@green, 5%);
color: #fff;
}
}
}
@@ -59,7 +61,7 @@
.btn, .btn:hover {
color: #fff;
&.btn-primary, .btn-primary:link {
background-color: darken(@green, 10%);
@@ -87,17 +89,16 @@
a {
color: @green;
&:hover {
color: darken(@green, 20%);
color: #fff;
}
&:visited {
color: @green;
color: #fff;
}
}
.text-primary {
color: darken(@green, 20%);
color: #fff;
}
@@ -110,9 +111,9 @@ a {
--header: @green; /* Use same as Header picker */
--text-main: #FFF;
--text-sub: #BBB;
--link: lighten(@green, 10%); /* Use same as Header picker */
--link: lighten(@green, 50%); /* Use same as Header picker */
--nav-link: #FFF; /* Use same as Header picker */
--light-link: lighten(@green, 30%); /* Use same as Header picker */
--light-link: #fff; /* Use same as Header picker */
}
.main-header .navbar, .main-header .logo {
@@ -194,7 +195,7 @@ body {
}
.dropdown-menu, .dropdown-menu>li>a {
background-color: var(--back-sub);
color: var(--header);
color: var(--text-main);
}
.dropdown-menu>li>a:hover {
background-color: var(--back-main);
@@ -304,4 +305,32 @@ a {
&:visited {
color: var(--link);
}
}
}
.row-striped {
vertical-align: top;
line-height: 2.6;
padding: 0px;
margin-left: 20px;
box-sizing: border-box;
//border-left: 1px solid #dddddd;
//border-right: 1px solid #dddddd;
display: table;
}
.row-striped .row:nth-of-type(odd) div {
background-color: var(--back-sub);
color: var(--text-main);
border-top: 1px solid #dddddd;
display: table-cell;
}
.row-striped .row:nth-of-type(even) div {
background-color: var(--back-sub);
color: var(--text-main);
border-top: 1px solid #dddddd;
display: table-cell;
}
resources/assets/less/skins/skin-orange-dark.less
+38 -9
View File
@@ -23,11 +23,13 @@
li {
&.divider {
background-color: rgba(255, 255, 255, 0.1);
color: #fff;
}
a {
color: #fff;
&:hover {
background: darken(@orange, 5%);
color: #fff;
}
}
}
@@ -59,7 +61,7 @@
.btn, .btn:hover {
color: #fff;
&.btn-primary, .btn-primary:link {
background-color: darken(@orange, 10%);
@@ -87,17 +89,16 @@
a {
color: @orange;
&:hover {
color: darken(@orange, 20%);
color: #fff;
}
&:visited {
color: @orange;
color: #fff;
}
}
.text-primary {
color: darken(@orange, 20%);
color: #fff;
}
@@ -110,9 +111,9 @@ a {
--header: @orange; /* Use same as Header picker */
--text-main: #FFF;
--text-sub: #BBB;
--link: lighten(@orange, 10%); /* Use same as Header picker */
--link: lighten(@orange, 50%); /* Use same as Header picker */
--nav-link: #FFF; /* Use same as Header picker */
--light-link: lighten(@orange, 30%); /* Use same as Header picker */
--light-link: #fff; /* Use same as Header picker */
}
.main-header .navbar, .main-header .logo {
@@ -194,7 +195,7 @@ body {
}
.dropdown-menu, .dropdown-menu>li>a {
background-color: var(--back-sub);
color: var(--header);
color: var(--text-main);
}
.dropdown-menu>li>a:hover {
background-color: var(--back-main);
@@ -304,4 +305,32 @@ a {
&:visited {
color: var(--link);
}
}
}
.row-striped {
vertical-align: top;
line-height: 2.6;
padding: 0px;
margin-left: 20px;
box-sizing: border-box;
//border-left: 1px solid #dddddd;
//border-right: 1px solid #dddddd;
display: table;
}
.row-striped .row:nth-of-type(odd) div {
background-color: var(--back-sub);
color: var(--text-main);
border-top: 1px solid #dddddd;
display: table-cell;
}
.row-striped .row:nth-of-type(even) div {
background-color: var(--back-sub);
color: var(--text-main);
border-top: 1px solid #dddddd;
display: table-cell;
}
resources/assets/less/skins/skin-purple-dark.less
+41 -12
View File
@@ -1,5 +1,5 @@
/*
* Skin: Purple
* Skin: purple
* ----------
*/
@import "../bootstrap-less/mixins.less";
@@ -23,11 +23,13 @@
li {
&.divider {
background-color: rgba(255, 255, 255, 0.1);
color: #fff;
}
a {
color: #fff;
&:hover {
background: darken(@purple, 5%);
color: #fff;
}
}
}
@@ -59,7 +61,7 @@
.btn, .btn:hover {
color: #fff;
&.btn-primary, .btn-primary:link {
background-color: darken(@purple, 10%);
@@ -87,17 +89,16 @@
a {
color: @purple;
&:hover {
color: darken(@purple, 20%);
color: #fff;
}
&:visited {
color: @purple;
color: #fff;
}
}
.text-primary {
color: darken(@purple, 20%);
color: #fff;
}
@@ -110,9 +111,9 @@ a {
--header: @purple; /* Use same as Header picker */
--text-main: #FFF;
--text-sub: #BBB;
--link: lighten(@purple, 10%); /* Use same as Header picker */
--link: lighten(@purple, 50%); /* Use same as Header picker */
--nav-link: #FFF; /* Use same as Header picker */
--light-link: lighten(@purple, 30%); /* Use same as Header picker */
--light-link: #fff; /* Use same as Header picker */
}
.main-header .navbar, .main-header .logo {
@@ -194,7 +195,7 @@ body {
}
.dropdown-menu, .dropdown-menu>li>a {
background-color: var(--back-sub);
color: var(--header);
color: var(--text-main);
}
.dropdown-menu>li>a:hover {
background-color: var(--back-main);
@@ -276,10 +277,10 @@ input[type=text], input[type=search] {
background-color: var(--back-main);
color: var(--text-main);
}
.skin-purple-dark .main-header .navbar .dropdown-menu li a {
.skin-blue-dark .main-header .navbar .dropdown-menu li a {
color: var(--header);
}
.skin-purple-dark .sidebar-menu>li.active>a, .skin-purple .sidebar-menu>li:hover>a, .sidebar-toggle:hover {
.skin-blue-dark .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li:hover>a, .sidebar-toggle:hover {
background-color: var(--header)!important;
}
.tab-content, .tab-pane {
@@ -304,4 +305,32 @@ a {
&:visited {
color: var(--link);
}
}
}
.row-striped {
vertical-align: top;
line-height: 2.6;
padding: 0px;
margin-left: 20px;
box-sizing: border-box;
//border-left: 1px solid #dddddd;
//border-right: 1px solid #dddddd;
display: table;
}
.row-striped .row:nth-of-type(odd) div {
background-color: var(--back-sub);
color: var(--text-main);
border-top: 1px solid #dddddd;
display: table-cell;
}
.row-striped .row:nth-of-type(even) div {
background-color: var(--back-sub);
color: var(--text-main);
border-top: 1px solid #dddddd;
display: table-cell;
}
resources/assets/less/skins/skin-red-dark.less
+40 -11
View File
@@ -23,11 +23,13 @@
li {
&.divider {
background-color: rgba(255, 255, 255, 0.1);
color: #fff;
}
a {
color: #fff;
&:hover {
background: darken(@red, 5%);
color: #fff;
}
}
}
@@ -59,7 +61,7 @@
.btn, .btn:hover {
color: #fff;
&.btn-primary, .btn-primary:link {
background-color: darken(@red, 10%);
@@ -87,17 +89,16 @@
a {
color: @red;
&:hover {
color: darken(@red, 20%);
color: #fff;
}
&:visited {
color: @red;
color: #fff;
}
}
.text-primary {
color: darken(@red, 20%);
color: #fff;
}
@@ -110,9 +111,9 @@ a {
--header: @red; /* Use same as Header picker */
--text-main: #FFF;
--text-sub: #BBB;
--link: lighten(@red, 10%); /* Use same as Header picker */
--link: lighten(@red, 50%); /* Use same as Header picker */
--nav-link: #FFF; /* Use same as Header picker */
--light-link: lighten(@red, 30%); /* Use same as Header picker */
--light-link: #fff; /* Use same as Header picker */
}
.main-header .navbar, .main-header .logo {
@@ -194,7 +195,7 @@ body {
}
.dropdown-menu, .dropdown-menu>li>a {
background-color: var(--back-sub);
color: var(--header);
color: var(--text-main);
}
.dropdown-menu>li>a:hover {
background-color: var(--back-main);
@@ -276,10 +277,10 @@ input[type=text], input[type=search] {
background-color: var(--back-main);
color: var(--text-main);
}
.skin-red-dark .main-header .navbar .dropdown-menu li a {
.skin-blue-dark .main-header .navbar .dropdown-menu li a {
color: var(--header);
}
.skin-red-dark .sidebar-menu>li.active>a, .skin-red .sidebar-menu>li:hover>a, .sidebar-toggle:hover {
.skin-blue-dark .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li:hover>a, .sidebar-toggle:hover {
background-color: var(--header)!important;
}
.tab-content, .tab-pane {
@@ -304,4 +305,32 @@ a {
&:visited {
color: var(--link);
}
}
}
.row-striped {
vertical-align: top;
line-height: 2.6;
padding: 0px;
margin-left: 20px;
box-sizing: border-box;
//border-left: 1px solid #dddddd;
//border-right: 1px solid #dddddd;
display: table;
}
.row-striped .row:nth-of-type(odd) div {
background-color: var(--back-sub);
color: var(--text-main);
border-top: 1px solid #dddddd;
display: table-cell;
}
.row-striped .row:nth-of-type(even) div {
background-color: var(--back-sub);
color: var(--text-main);
border-top: 1px solid #dddddd;
display: table-cell;
}
resources/assets/less/skins/skin-yellow-dark.less
+39 -10
View File
@@ -1,5 +1,5 @@
/*
* Skin: yellow
* Skin: orange
* ----------
*/
@import "../bootstrap-less/mixins.less";
@@ -23,11 +23,13 @@
li {
&.divider {
background-color: rgba(255, 255, 255, 0.1);
color: #fff;
}
a {
color: #fff;
&:hover {
background: darken(@yellow, 5%);
color: #fff;
}
}
}
@@ -59,7 +61,7 @@
.btn, .btn:hover {
color: #fff;
&.btn-primary, .btn-primary:link {
background-color: darken(@yellow, 10%);
@@ -87,17 +89,16 @@
a {
color: @yellow;
&:hover {
color: darken(@yellow, 20%);
color: #fff;
}
&:visited {
color: @yellow;
color: #fff;
}
}
.text-primary {
color: darken(@yellow, 20%);
color: #fff;
}
@@ -110,9 +111,9 @@ a {
--header: @yellow; /* Use same as Header picker */
--text-main: #FFF;
--text-sub: #BBB;
--link: lighten(@yellow, 10%); /* Use same as Header picker */
--link: lighten(@yellow, 50%); /* Use same as Header picker */
--nav-link: #FFF; /* Use same as Header picker */
--light-link: lighten(@yellow, 30%); /* Use same as Header picker */
--light-link: #fff; /* Use same as Header picker */
}
.main-header .navbar, .main-header .logo {
@@ -194,7 +195,7 @@ body {
}
.dropdown-menu, .dropdown-menu>li>a {
background-color: var(--back-sub);
color: var(--header);
color: var(--text-main);
}
.dropdown-menu>li>a:hover {
background-color: var(--back-main);
@@ -304,4 +305,32 @@ a {
&:visited {
color: var(--link);
}
}
}
.row-striped {
vertical-align: top;
line-height: 2.6;
padding: 0px;
margin-left: 20px;
box-sizing: border-box;
//border-left: 1px solid #dddddd;
//border-right: 1px solid #dddddd;
display: table;
}
.row-striped .row:nth-of-type(odd) div {
background-color: var(--back-sub);
color: var(--text-main);
border-top: 1px solid #dddddd;
display: table-cell;
}
.row-striped .row:nth-of-type(even) div {
background-color: var(--back-sub);
color: var(--text-main);
border-top: 1px solid #dddddd;
display: table-cell;
}
resources/views/accessories/view.blade.php
+1 -1
View File
@@ -96,7 +96,7 @@
<div class="text-center">
@can('checkout', \App\Models\Accessory::class)
<a href="{{ route('checkout/accessory', $accessory->id) }}" style="margin-right:5px;" class="btn btn-info btn-sm" {{ (($accessory->numRemaining() > 0 ) ? '' : ' disabled') }}>{{ trans('general.checkout') }}</a>
<a href="{{ route('checkout/accessory', $accessory->id) }}" style="margin-right:5px;" class="btn btn-success btn-sm" {{ (($accessory->numRemaining() > 0 ) ? '' : ' disabled') }}>{{ trans('general.checkout') }}</a>
@endcan
</div>