arthur/website-old
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/website-old.git synced 2026-01-20 06:51:48 +01:00
Code Issues 31 Packages Projects Releases Wiki Activity

Update theme colors

Browse Source
This commit is contained in:
Arthur Danjou
2021-08-31 22:17:11 +02:00
parent fa8a90c117
commit 97bbd68031
17 changed files with 30 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Banner.vue
View File

@@ -53,10 +53,6 @@ export default defineComponent({
</script>
<style scoped lang="scss">
.link {
@apply font-medium cursor-pointer border-b-2 border-gray-200 text-indigo-600 hover:border-indigo-600 duration-200 dark:(font-white border-gray-700) hover:dark:border-indigo-600
}
.color {
@apply duration-500 text-white dark:text-black font-black font-color;

2
src/components/Button.vue
View File

@@ -1,6 +1,6 @@
<template>
<nuxt-link :to="link" class="duration-150 transform hover:scale-105">
<div class="text-lg cursor-pointer px-8 py-4 rounded-xl border-2 border-indigo-600 hover:(bg-indigo-600 text-white) dark:hover:text-black text-indigo-600 duration-300">
<div class="text-lg cursor-pointer px-8 py-4 rounded-xl border-2 border-red-500 dark:border-amber-400 hover:(bg-red-500 dark:bg-amber-400 text-white) dark:hover:text-black text-red-500 dark:text-amber-400 duration-300">
{{ $t(content) }}
</div>
</nuxt-link>

4
src/components/ContactForm.vue
View File

@@ -63,7 +63,7 @@
:disabled="!isSendable"
:class="{'disabled': !isSendable}"
@click.prevent="handleForm"
class="font-bold px-8 py-4 border-2 rounded-xl border-indigo-600 text-indigo-600 hover:(bg-indigo-600 text-white) hover:dark:text-black duration-300 cursor-pointer"
class="font-bold px-8 py-4 border-2 rounded-xl border-red-500 dark:border-amber-400 text-red-500 dark:text-amber-400 hover:(bg-red-500 dark:bg-amber-400 text-white) hover:dark:text-black duration-300 cursor-pointer"
>
{{ $t('contact.form.submit') }}
</button>
@@ -160,7 +160,7 @@ textarea:focus-within ~ label, textarea:not(:placeholder-shown) ~ label {
}
.email {
@apply duration-300 border-b-3 border-gray-200 dark:border-gray-800 hover:border-indigo-600
@apply duration-300 border-b-3 border-gray-200 dark:border-gray-800 hover:border-red-500 hover:dark:border-amber-400
}
.disabled {

2
src/components/EnvListItem.vue
View File

@@ -1,7 +1,7 @@
<template>
<li>
{{ $t(title) }}:
<a class="duration-300 text-indigo-600 font-medium border-b-2 border-opacity-0 hover:border-opacity-100 border-indigo-600 border-solid" v-if="link" :href="link" target="_blank">{{ content }}</a>
<a class="duration-300 text-red-500 dark:text-amber-400 font-medium border-b-2 border-opacity-0 hover:border-opacity-100 dark:border-opacity-0 dark:hover:border-opacity-100 border-red-500 dark:border-amber-400 border-solid" v-if="link" :href="link" target="_blank">{{ content }}</a>
<span v-else>{{ content }}</span>
</li>
</template>

4
src/components/Experience.vue
View File

@@ -3,11 +3,11 @@
<div class="self-center flex h-3 w-3 mr-3 relative">
<span
class="relative inline h-3 w-3 rounded-full opacity-75"
:class="end === 'Today' ? 'animate-ping bg-indigo-600' : 'bg-gray-400'"
:class="end === 'Today' ? 'animate-ping bg-red-500 dark:bg-amber-400' : 'bg-gray-400'"
/>
<span
class="inline absolute rounded-full h-3 w-3"
:class="end === 'Today' ? 'bg-indigo-800' : 'bg-gray-500'"
:class="end === 'Today' ? 'bg-red-500 dark:bg-amber-400' : 'bg-gray-500'"
/>
</div>
<div class="leading-7">

8
src/components/Footer.vue
View File

@@ -141,22 +141,22 @@ export default defineComponent({
@apply border-b-2 border-gray-200 dark:border-gray-700 duration-300;
}
&:hover span {
@apply border-indigo-600
@apply border-red-500 dark:border-amber-400
}
}
.link-active a {
@apply text-indigo-600;
@apply text-red-500 dark:text-amber-400;
}
.link a {
@apply duration-500 border-b-2 border-transparent;
&.link-active {
@apply text-indigo-600;
@apply text-red-500 dark:text-amber-400;
}
&:hover {
@apply border-indigo-600
@apply border-red-500 dark:border-amber-400
}
}
}

4
src/components/Formation.vue
View File

@@ -3,11 +3,11 @@
<div class="self-center flex h-3 w-3 mr-3 relative">
<span
class="relative inline h-3 w-3 rounded-full opacity-75"
:class="end === 'Today' ? 'animate-ping bg-indigo-600' : 'bg-gray-400'"
:class="end === 'Today' ? 'animate-ping bg-red-500 dark:bg-amber-400' : 'bg-gray-400'"
/>
<span
class="inline absolute rounded-full h-3 w-3"
:class="end === 'Today' ? 'bg-indigo-800' : 'bg-gray-500'"
:class="end === 'Today' ? 'bg-red-500 dark:bg-amber-400' : 'bg-gray-500'"
/>
</div>
<div class="leading-7">

4
src/components/Header.vue
View File

@@ -107,7 +107,7 @@ export default defineComponent({
<style scoped lang="scss">
.nav-link {
@apply font-medium cursor-pointer duration-500 mx-4 border-b-2 border-transparent hover:(border-indigo-600);
@apply font-medium cursor-pointer duration-500 mx-4 border-b-2 border-transparent hover:(border-red-500 dark:border-amber-400);
}
.navbar-bottom-items li {
@@ -115,6 +115,6 @@ export default defineComponent({
}
.link-active {
@apply text-indigo-600
@apply text-red-500 dark:text-amber-400
}
</style>

17
src/components/PageTitle.vue
View File

@@ -1,17 +0,0 @@
<template>
<h1 class="mt-16 font-bold text-3xl md:text-5xl mr-2 inline mb-4 border-b-3 border-solid border-indigo-600">
{{ this.$t(title) }}
</h1>
</template>
<script lang="ts">
export default {
name: "PageTitle",
props: {
title: {
default: 'Title',
type: String
}
}
}
</script>

2
src/components/PresentationAbout.vue
View File

@@ -4,7 +4,7 @@
<img class="rounded-full my-5" src="~/assets/images/memojies/Hey.png" alt="A picture of myself" />
</div>
<div class="text-lg leading-6 text-justify dark:text-gray-400 text-gray-700">
<div>{{ $t('about.banner.hello') }} <span class="text-indigo-600 font-bold">Arthur DANJOU</span> 👋.</div> <br/>
<div>{{ $t('about.banner.hello') }} <span class="text-red-500 dark:text-amber-400 font-bold">Arthur DANJOU</span> 👋.</div> <br/>
<p>{{ $t('about.banner.1')}}</p> <br/>
<p>{{ $t('about.banner.2') }}</p> <br/>
<p>{{ $t('about.banner.3') }}</p> <br />

2
src/components/ServicePart.vue
View File

@@ -4,7 +4,7 @@
<slot name="icon" />
</div>
<div class="sm:mt-8">
<h1 class="font-bold text-3xl mb-4">
<h1 class="font-bold tracking-wider text-3xl mb-4">
{{ $t(title) }}
</h1>
<slot name="content"/>

4
src/components/SideMenu.vue
View File

@@ -142,11 +142,11 @@ export default defineComponent({
@apply duration-300 border-b-2 border-transparent;
&:hover {
@apply border-indigo-600;
@apply border-red-500 dark:border-amber-400
}
}
.link-active a {
@apply text-indigo-600;
@apply text-red-500 dark:text-amber-400
}
</style>