svg
This commit is contained in:
@ -30,3 +30,35 @@ $(document).ready(function () {
|
||||
}, 0);
|
||||
});
|
||||
});
|
||||
|
||||
$(document).ready(function () {
|
||||
$('.select2').select2({
|
||||
theme: 'bootstrap-5',
|
||||
templateResult: function (data) {
|
||||
if (!data.id) return data.text;
|
||||
|
||||
const $result = $('<span>').text(data.text);
|
||||
|
||||
const customClass = $(data.element).attr('class');
|
||||
if (customClass) {
|
||||
$result.addClass(customClass);
|
||||
}
|
||||
|
||||
return $result;
|
||||
},
|
||||
templateSelection: function (data) {
|
||||
if (!data.id) return data.text;
|
||||
|
||||
const $selection = $('<span>').text(data.text);
|
||||
|
||||
const customClass = $(data.element).attr('class');
|
||||
if (customClass) {
|
||||
$selection.addClass(customClass);
|
||||
}
|
||||
|
||||
return $selection;
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
193
public/lib/app/selbg.css
Normal file
193
public/lib/app/selbg.css
Normal file
@ -0,0 +1,193 @@
|
||||
/* ==== DARK THEMES ==== */
|
||||
|
||||
.selbg-darkblue {
|
||||
background-color: #0d6efd;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.selbg-darkindigo {
|
||||
background-color: #6610f2;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.selbg-darkpurple {
|
||||
background-color: #6f42c1;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.selbg-darkpink {
|
||||
background-color: #d63384;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.selbg-darkred {
|
||||
background-color: #dc3545;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.selbg-darkorange {
|
||||
background-color: #fd7e14;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.selbg-darkyellow {
|
||||
background-color: #ffc107;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.selbg-darkgreen {
|
||||
background-color: #198754;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.selbg-darkteal {
|
||||
background-color: #20c997;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.selbg-darkcyan {
|
||||
background-color: #0dcaf0;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.selbg-darkgray {
|
||||
background-color: #343a40;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.selbg-darkbrown {
|
||||
background-color: #5c4033;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.selbg-darknavy {
|
||||
background-color: #001f3f;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.selbg-darkmaroon {
|
||||
background-color: #800000;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.selbg-darkolive {
|
||||
background-color: #3d9970;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.selbg-darksteel {
|
||||
background-color: #2f4f4f;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.selbg-darkcharcoal {
|
||||
background-color: #222222;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.selbg-darksmoke {
|
||||
background-color: #555555;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.selbg-darkforest {
|
||||
background-color: #228B22;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.selbg-darkmidnight {
|
||||
background-color: #191970;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/* ==== LIGHT THEMES ==== */
|
||||
|
||||
.selbg-lightblue {
|
||||
background-color: #cfe2ff;
|
||||
color: #084298;
|
||||
}
|
||||
|
||||
.selbg-lightindigo {
|
||||
background-color: #e0ccff;
|
||||
color: #52057f;
|
||||
}
|
||||
|
||||
.selbg-lightpurple {
|
||||
background-color: #e2d9f3;
|
||||
color: #4c287b;
|
||||
}
|
||||
|
||||
.selbg-lightpink {
|
||||
background-color: #f7d6e6;
|
||||
color: #6f042e;
|
||||
}
|
||||
|
||||
.selbg-lightred {
|
||||
background-color: #f8d7da;
|
||||
color: #842029;
|
||||
}
|
||||
|
||||
.selbg-lightorange {
|
||||
background-color: #ffe5b4;
|
||||
color: #7f3f00;
|
||||
}
|
||||
|
||||
.selbg-lightyellow {
|
||||
background-color: #fff3cd;
|
||||
color: #664d03;
|
||||
}
|
||||
|
||||
.selbg-lightgreen {
|
||||
background-color: #d1e7dd;
|
||||
color: #0f5132;
|
||||
}
|
||||
|
||||
.selbg-lightteal {
|
||||
background-color: #d2f4ea;
|
||||
color: #0f625d;
|
||||
}
|
||||
|
||||
.selbg-lightcyan {
|
||||
background-color: #cff4fc;
|
||||
color: #055160;
|
||||
}
|
||||
|
||||
.selbg-lightgray {
|
||||
background-color: #f8f9fa;
|
||||
color: #212529;
|
||||
}
|
||||
|
||||
.selbg-lightlinen {
|
||||
background-color: #faf0e6;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.selbg-lightbeige {
|
||||
background-color: #f5f5dc;
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
.selbg-lightmint {
|
||||
background-color: #e6fff5;
|
||||
color: #225e4c;
|
||||
}
|
||||
|
||||
.selbg-lightlavender {
|
||||
background-color: #e6e6fa;
|
||||
color: #3f3f7f;
|
||||
}
|
||||
|
||||
.selbg-lightsky {
|
||||
background-color: #e0f7ff;
|
||||
color: #004466;
|
||||
}
|
||||
|
||||
.selbg-lightrose {
|
||||
background-color: #ffe0e9;
|
||||
color: #75002f;
|
||||
}
|
||||
|
||||
.selbg-lightice {
|
||||
background-color: #f0ffff;
|
||||
color: #003b4d;
|
||||
}
|
Reference in New Issue
Block a user