forked from rDrama/rDrama
fix
parent
be638d6f69
commit
f9e7af9aba
|
@ -2,6 +2,19 @@
|
||||||
@tailwind components;
|
@tailwind components;
|
||||||
@tailwind utilities;
|
@tailwind utilities;
|
||||||
|
|
||||||
|
.theme-dramblr {
|
||||||
|
--color-primary: 2,132,199;
|
||||||
|
--color-100: 241,245,249;
|
||||||
|
--color-200: 226,232,240;
|
||||||
|
--color-300: 203,213,225;
|
||||||
|
--color-400: 148,163,184;
|
||||||
|
--color-500: 100,116,139;
|
||||||
|
--color-600: 71,85,105;
|
||||||
|
--color-700: 51,65,85;
|
||||||
|
--color-800: 30,41,59;
|
||||||
|
--color-900: 15,23,42;
|
||||||
|
}
|
||||||
|
|
||||||
.theme-midnight {
|
.theme-midnight {
|
||||||
--color-primary: 219,39,119;
|
--color-primary: 219,39,119;
|
||||||
--color-100: 243,244,246;
|
--color-100: 243,244,246;
|
||||||
|
@ -75,22 +88,22 @@
|
||||||
/* ---------------- RESPONSIVE UTILITIES ----------------- */
|
/* ---------------- RESPONSIVE UTILITIES ----------------- */
|
||||||
@responsive {
|
@responsive {
|
||||||
.text-shadow {
|
.text-shadow {
|
||||||
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.12)
|
text-shadow: 0 1px 0 rgb(0, 0, 0)
|
||||||
}
|
}
|
||||||
.text-shadow-t {
|
.text-shadow-t {
|
||||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12)
|
text-shadow: 0 -1px 0 rgb(0, 0, 0)
|
||||||
}
|
}
|
||||||
.text-shadow-light {
|
.text-shadow-light {
|
||||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1)
|
text-shadow: 0 1px 0 rgb(255, 255, 255)
|
||||||
}
|
}
|
||||||
.text-shadow-light-t {
|
.text-shadow-light-t {
|
||||||
text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1)
|
text-shadow: 0 -1px 0 rgb(255, 255, 255)
|
||||||
}
|
}
|
||||||
.sub-header-shadow {
|
.sub-header-shadow {
|
||||||
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.10) inset, -1px -1px 0.5px rgba(17, 40, 19, 0.1) inset;
|
box-shadow: 0 1px 0 rgb(255, 255, 255) inset, -1px -1px 0.5px rgb(17, 40, 19) inset;
|
||||||
}
|
}
|
||||||
.gradient-mask {
|
.gradient-mask {
|
||||||
-webkit-mask-image: linear-gradient(180deg,#000 60%,transparent); mask-image: linear-gradient(180deg,#000 60%,transparent)
|
-webkit-mask-image: linear-gradient(180deg,rgb(0,0,0) 60%,transparent); mask-image: linear-gradient(180deg,rgb(0,0,0) 60%,transparent)
|
||||||
}
|
}
|
||||||
/* Chrome, Safari and Opera */
|
/* Chrome, Safari and Opera */
|
||||||
.no-scrollbar::-webkit-scrollbar {
|
.no-scrollbar::-webkit-scrollbar {
|
||||||
|
|
Loading…
Reference in New Issue