Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

enhancement: UI design improved in light mode #143

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

enhancement: UI design improved in light mode #143

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion src/components/apps/appCard.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ const {
subtitle,
logo,
categories,
classes = "inline-flex items-center w-full p-5 text-gray-500 bg-white border border-gray-200 rounded-lg dark:bg-gray-800 dark:border-gray-700",
classes = "inline-flex items-center w-full p-5 text-gray-500 bg-white border border-gray-300 rounded-lg dark:bg-gray-800 dark:border-gray-700",
} = Astro.props;
---

Expand Down
2 changes: 1 addition & 1 deletion src/components/blogCard.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ const display_date = dayjs(post.data.pubDate).format("D MMM. YYYY");
let imgLoading = index === 0 || index === 1 ? "eager" : "lazy";
---

<div class="bg-white border border-gray-200 rounded-lg mb-5 dark:bg-gray-800 dark:border-gray-700 w-full">
<div class="bg-white border border-gray-300 rounded-lg mb-5 dark:bg-gray-800 dark:border-gray-700 w-full">
<a href={"/publicaciones/" + post.slug}>
{
post.data.image && (
Expand Down
2 changes: 1 addition & 1 deletion src/components/eventCard.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ if (!event.data.image){

<a
href={"/eventos/" + event.slug}
class="bg-white border border-gray-200 rounded-lg mb-5 dark:bg-gray-800 dark:border-gray-700 w-full"
class="bg-white border border-gray-300 rounded-lg mb-5 dark:bg-gray-800 dark:border-gray-700 w-full"
>
<div>
{
Expand Down
4 changes: 2 additions & 2 deletions src/components/footer.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import CucodersLogo from "./ui/cucodersLogo.astro";
---

<footer
class="hidden sm:block p-4 mt-8 bg-white border border-x-0 shadow md:px-6 md:py-8 dark:bg-gray-900 dark:border-gray-700"
class="hidden sm:block p-4 mt-8 bg-white border border-gray-300 border-x-0 shadow md:px-6 md:py-8 dark:bg-gray-900 dark:border-gray-700"
>
<nav class="flex items-center justify-center flex-col container mx-auto">
<a href="/" class="flex items-center mb-6 dar:text-white">
Expand Down Expand Up @@ -44,7 +44,7 @@ import CucodersLogo from "./ui/cucodersLogo.astro";
</li>
</ul>
</nav>
<hr class="my-5 border-gray-200 sm:mx-auto dark:border-gray-700 lg:my-6" />
<hr class="my-5 border-gray-300 sm:mx-auto dark:border-gray-700 lg:my-6" />
<span class="block text-sm text-gray-500 text-center dark:text-gray-400">© 2023 CuCoders. Hecho con ❤️ en Cuba 🇨🇺</span>
</footer>

Expand Down
2 changes: 1 addition & 1 deletion src/components/forms/cardLink.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ const { url, title, subtitle, classes, id, target = "_self" } = Astro.props;
href={url}
target={target}
class={classes +
" inline-flex items-center justify-between w-full p-5 text-gray-500 bg-white border border-gray-200 rounded-lg cursor-pointer dark:hover:text-gray-300 dark:border-gray-700 dark:peer-checked:text-blue-500 peer-checked:border-blue-600 peer-checked:text-blue-600 hover:text-gray-600 hover:bg-gray-100 dark:text-gray-400 dark:bg-gray-800 dark:hover:bg-gray-700"}
" inline-flex items-center justify-between w-full p-5 text-gray-500 bg-white border border-gray-300 rounded-lg cursor-pointer dark:hover:text-gray-300 dark:border-gray-700 dark:peer-checked:text-blue-500 peer-checked:border-blue-600 peer-checked:text-blue-600 hover:text-gray-600 hover:bg-gray-100 dark:text-gray-400 dark:bg-gray-800 dark:hover:bg-gray-700"}
>
<div class="block">
<div class="w-full text-lg font-semibold">{title}</div>
Expand Down
2 changes: 1 addition & 1 deletion src/components/helpers/sideBar.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
function getSidebarClasses(isSideMenu) {
let sidebarClass =
"px-3 mb-5 py-4 overflow-y-auto rounded-md bg-white border-solid border-[1px] border-gray-200 dark:bg-gray-800 dark:border-gray-700";
"px-3 mb-5 py-4 overflow-y-auto rounded-md bg-white border-solid border-[1px] border-gray-300 dark:bg-gray-800 dark:border-gray-700";
if (isSideMenu) sidebarClass = "mb-5 overflow-y-auto";
return sidebarClass;
}
Expand Down
2 changes: 1 addition & 1 deletion src/components/jobs/jobCard.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const locationLabel = job.location ? job.location : "Presencial";
const display_date = dayjs(job.pubDate).format("DD/MM/YY");
---

<div class="inline-grid items-center w-full p-4 pb-1 md:pb-2 text-gray-500 dark:text-gray-100 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg">
<div class="inline-grid items-center w-full p-4 pb-1 md:pb-2 text-gray-500 dark:text-gray-100 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-700 rounded-lg">
<div class="ml-2 inline-grid">
<a href={jobUrl} class="w-full text-base md:text:lg text-gray-800 dark:text-gray-300 font-semibold line-clamp-2 md:line-clamp-1"
>{job.title}</a
Expand Down
2 changes: 1 addition & 1 deletion src/components/navbar/navBar.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ import AddMenu from "./addMenu.astro";
---

<nav
class="bg-white/70 backdrop-blur-md px-2 sm:px-4 py-1.5 dark:bg-gray-900/70 fixed w-full z-20 top-0 left-0 border-b border-gray-200 dark:border-gray-600"
class="bg-gray-200 backdrop-blur-md px-2 sm:px-4 py-1.5 dark:bg-gray-900/70 fixed w-full z-20 top-0 left-0 border-b border-gray-300 dark:border-gray-600"
>
<div class="container flex flex-wrap items-center justify-between mx-auto px-4">
{
Expand Down
2 changes: 1 addition & 1 deletion src/components/profile/profileCard.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import LinkIcon from "../helpers/linkIcon.astro";
const { profile } = Astro.props;
---

<div class="w-full py-5 bg-white border border-gray-200 rounded-lg dark:bg-gray-800 dark:border-gray-700">
<div class="w-full py-5 bg-white border border-gray-300 rounded-lg dark:bg-gray-800 dark:border-gray-700">
<a href={"/dev/" + profile["username"]} class="flex flex-col items-center mb-3">
<div class="relative">
<img
Expand Down
2 changes: 1 addition & 1 deletion src/components/profile/profileHeader.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ let profileIconsSizeClasses = "md:w-5 md:h-5 w-6 h-6"
let profileIconsPaddingClasses= "p-2"
---
<div
class="bg-white border md:mx-auto mb-5 -mt-6 md:mt-12 lg:max-w-[58rem] border-gray-200 rounded-lg dark:bg-gray-800 dark:border-gray-700 dark:text-gray-100 w-full"
class="bg-white border-gray-300 border md:mx-auto mb-5 -mt-6 md:mt-12 lg:max-w-[58rem] border-gray-200 rounded-lg dark:bg-gray-800 dark:border-gray-700 dark:text-gray-100 w-full"
>
<div class="p-8 pt-14 md:py-8 md:px-15 lg:px-12">
<div class="mb-5 flex justify-between">
Expand Down
2 changes: 1 addition & 1 deletion src/components/resourceCard.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
const { url, name, description } = Astro.props;
---

<a href={url} target="_blank" class="inline-flex items-center w-full py-3 px-5 text-gray-500 bg-white border border-gray-200 dark:text-gray-100 dark:bg-gray-800 dark:border-gray-700 rounded-lg">
<a href={url} target="_blank" class="inline-flex items-center w-full py-3 px-5 text-gray-500 bg-white border border-gray-300 dark:text-gray-100 dark:bg-gray-800 dark:border-gray-700 rounded-lg">
<div class="p-2 border md:mr-2 rounded-2xl bg-white dark:bg-gray-900 dark:border-gray-700 self-start">
<img class="w-8 h-8 md:w-10 md:h-10 md:min-w-[2.5rem] min-w-[2rem] rounded-xl" src={`https://www.google.com/s2/favicons?domain=${url}&sz=64`} alt={name + " logo"} />
</div>
Expand Down
2 changes: 1 addition & 1 deletion src/components/sidebarComponents/promoCard.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ const { target = "_blank", id } = Astro.props;
---

<div
class={"overflow-y-auto rounded-md mb-5 bg-white border-solid border-[1px] border-gray-200 dark:bg-gray-800 dark:border-gray-700 " +
class={"overflow-y-auto rounded-md mb-5 bg-white border-solid border-[1px] border-gray-300 dark:bg-gray-800 dark:border-gray-700 " +
id}
>
<a href="#" target={target} class={id + "-link"}>
Expand Down
2 changes: 1 addition & 1 deletion src/components/ui/breadcrumbContainer.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ const { breadcrumbItems, btnLabel, btnUrl, btnIcon } = Astro.props;
btnUrl && (
<a
href={btnUrl}
class="text-gray-800 border hidden md:inline-flex border-gray-200 focus:outline-none hover:bg-gray-100 rounded-md text-sm font-normal px-3 py-1.5 text-center justify-center items-center dark:bg-gray-800 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700"
class="text-gray-600 border bg-white hidden md:inline-flex border-gray-300 focus:outline-none hover:text-gray-800 font-semibold rounded-md text-sm font-normal px-3 py-1.5 text-center justify-center items-center dark:bg-gray-800 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700"
>
{btnIcon && <img src={btnIcon} class="w-5 h-5 mr-2 dark:invert dark:contrast-200 dark:saturate-0" alt={btnLabel} />}
{btnLabel}
Expand Down
2 changes: 1 addition & 1 deletion src/layouts/baseLayout.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@ const {
{seoSchema && <Schema item={seoSchema} />}
<PageMetaTags title={title} description={description} image={image} />
</head>
<body class="bg-gray-50 dark:bg-gray-900">
<body class="bg-gray-200 dark:bg-gray-900">
<script>
import topbar from "topbar";
topbar.config({
Expand Down
2 changes: 1 addition & 1 deletion src/layouts/profileLayout.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ const { profile, activeTab, pageTitle, noIndex = false } = Astro.props;
<ProfileHeader profile={profile} />

<div
class="bg-white border md:mx-auto mb-5 lg:max-w-[58rem] border-gray-200 rounded-lg dark:bg-gray-800 dark:border-gray-700 w-full"
class="bg-white border border-gray-300 md:mx-auto mb-5 lg:max-w-[58rem] border-gray-200 rounded-lg dark:bg-gray-800 dark:border-gray-700 w-full"
>
<ProfileTabs activeTab={activeTab} profile={profile} />
<slot />
Expand Down