replace slate with neutral color
This commit is contained in:
parent
2b6bb65bd1
commit
75a7de2083
3 changed files with 10 additions and 9 deletions
|
@ -16,7 +16,7 @@
|
|||
}
|
||||
|
||||
body {
|
||||
@apply dark:bg-slate-800;
|
||||
@apply dark:bg-neutral-800;
|
||||
}
|
||||
|
||||
.stack > * + * {
|
||||
|
@ -35,7 +35,7 @@
|
|||
/* === SITE HEADER === */
|
||||
|
||||
#site-header {
|
||||
@apply block px-3 py-6 bg-gradient-to-r from-slate-900 to-slate-950 text-white print:hidden;
|
||||
@apply block px-3 py-6 bg-gradient-to-r from-neutral-900 to-neutral-950 text-white print:hidden;
|
||||
|
||||
& nav ul {
|
||||
@apply flex;
|
||||
|
@ -88,11 +88,11 @@
|
|||
/* === PAGE HEADER === */
|
||||
|
||||
header.page-header {
|
||||
@apply border-b border-slate-300 mb-6;
|
||||
@apply border-b border-neutral-300 mb-6;
|
||||
}
|
||||
|
||||
header.page-header h1 {
|
||||
@apply text-3xl leading-loose font-bold text-slate-900;
|
||||
@apply text-3xl leading-loose font-bold text-neutral-900;
|
||||
}
|
||||
|
||||
header.page-header p {
|
||||
|
@ -119,7 +119,7 @@
|
|||
*/
|
||||
@layer components {
|
||||
.divider {
|
||||
@apply flex items-center my-8 before:flex-1 after:flex-1 before:content-[''] after:content-[''] before:p-[0.5px] after:p-[0.5px] w-full mx-auto last:hidden before:bg-slate-500/25 after:bg-slate-500/25 before:mr-2 after:ml-2;
|
||||
@apply flex items-center my-8 before:flex-1 after:flex-1 before:content-[''] after:content-[''] before:p-[0.5px] after:p-[0.5px] w-full mx-auto last:hidden before:bg-neutral-500/25 after:bg-neutral-500/25 before:mr-2 after:ml-2;
|
||||
}
|
||||
|
||||
.dot {
|
||||
|
@ -130,11 +130,11 @@
|
|||
@apply flex justify-between mt-6;
|
||||
|
||||
& .pagination-previous, & .pagination-next {
|
||||
@apply block py-2 px-3 bg-slate-700 text-white rounded;
|
||||
@apply block py-2 px-3 bg-neutral-700 text-white rounded;
|
||||
}
|
||||
|
||||
& .pagination-previous.disabled, & .pagination-next.disabled {
|
||||
@apply bg-slate-500;
|
||||
@apply bg-neutral-500;
|
||||
}
|
||||
|
||||
& .pagination-list {
|
||||
|
|
|
@ -17,7 +17,8 @@ module.exports = {
|
|||
container: { center: true },
|
||||
extend: {
|
||||
colors: {
|
||||
primary: colors.sky
|
||||
primary: colors.sky,
|
||||
neutral: colors.slate
|
||||
}
|
||||
}
|
||||
},
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
|
||||
<section class="flex flex-col gap-3 mt-6">
|
||||
<%= for tag <- @tags do %>
|
||||
<article class="bg-slate-100 dark:bg-slate-800 text-slate-900 dark:text-slate-100 p-3 rounded">
|
||||
<article class="bg-neutral-100 dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100 p-3 rounded">
|
||||
<header>
|
||||
<h2 class="text-xl leading-normal">
|
||||
<a href={"/admin/tags/#{tag.id}"}><%= tag.name %></a>
|
||||
|
|
Loading…
Reference in a new issue