replace slate with neutral color

This commit is contained in:
Inhji 2023-09-11 07:07:49 +02:00
parent 2b6bb65bd1
commit 75a7de2083
3 changed files with 10 additions and 9 deletions

View file

@ -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 {

View file

@ -17,7 +17,8 @@ module.exports = {
container: { center: true },
extend: {
colors: {
primary: colors.sky
primary: colors.sky,
neutral: colors.slate
}
}
},

View file

@ -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>