Skip to content

Commit 88c97f9

Browse files
mckenzieartsmckenziearts
committed
💄 mis a jour des fonts
1 parent a156388 commit 88c97f9

15 files changed

+103
-85
lines changed

‎public/css/app.css

Lines changed: 40 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1600,18 +1600,18 @@ input {
16001600

16011601
.standard .choices__item.choices__item--selectable {
16021602
--tw-border-opacity: 1 !important;
1603-
border-color: rgb(34 197 94 / var(--tw-border-opacity)) !important;
1603+
border-color: rgb(16 185 129 / var(--tw-border-opacity)) !important;
16041604
--tw-bg-opacity: 1 !important;
1605-
background-color: rgb(34 197 94 / var(--tw-bg-opacity)) !important;
1605+
background-color: rgb(16 185 129 / var(--tw-bg-opacity)) !important;
16061606
--tw-text-opacity: 1 !important;
16071607
color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
16081608
}
16091609

16101610
.standard .choices__item.is-highlighted {
16111611
--tw-border-opacity: 1 !important;
1612-
border-color: rgb(22 163 74 / var(--tw-border-opacity)) !important;
1612+
border-color: rgb(5 150 105 / var(--tw-border-opacity)) !important;
16131613
--tw-bg-opacity: 1 !important;
1614-
background-color: rgb(22 163 74 / var(--tw-bg-opacity)) !important;
1614+
background-color: rgb(5 150 105 / var(--tw-bg-opacity)) !important;
16151615
--tw-text-opacity: 1 !important;
16161616
color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
16171617
}
@@ -1629,9 +1629,9 @@ input {
16291629

16301630
.standard .choices__item.choices__item--choice.choices__item--selectable.is-highlighted, .standard .choices__item.choices__item--choice.is-selected.choices__item--selectable {
16311631
--tw-border-opacity: 1 !important;
1632-
border-color: rgb(34 197 94 / var(--tw-border-opacity)) !important;
1632+
border-color: rgb(16 185 129 / var(--tw-border-opacity)) !important;
16331633
--tw-bg-opacity: 1 !important;
1634-
background-color: rgb(34 197 94 / var(--tw-bg-opacity)) !important;
1634+
background-color: rgb(16 185 129 / var(--tw-bg-opacity)) !important;
16351635
--tw-text-opacity: 1 !important;
16361636
color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
16371637
}
@@ -1645,6 +1645,9 @@ pre {
16451645
margin-bottom: 1rem;
16461646
overflow-x: auto;
16471647
border-radius: 0.25rem;
1648+
font-family: Operator Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
1649+
font-size: 1.125rem;
1650+
line-height: 1.75rem;
16481651
padding: 0 !important;
16491652
}
16501653

@@ -1660,6 +1663,7 @@ pre code.torchlight {
16601663
min-width: -moz-max-content;
16611664
min-width: max-content;
16621665
padding: 1rem;
1666+
font-family: Operator Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
16631667
padding-top: 1rem !important;
16641668
padding-bottom: 1rem !important;
16651669
}
@@ -1924,7 +1928,7 @@ pre code.torchlight .line-number, pre code.torchlight .summary-caret {
19241928

19251929
.media-library-row-drag:hover {
19261930
--tw-text-opacity: 1;
1927-
color: rgb(34 197 94 / var(--tw-text-opacity));
1931+
color: rgb(16 185 129 / var(--tw-text-opacity));
19281932
}
19291933

19301934
.media-library-row-remove {
@@ -2192,18 +2196,18 @@ pre code.torchlight .line-number, pre code.torchlight .summary-caret {
21922196
}
21932197

21942198
.media-library-dropzone:not(.disabled):hover, .media-library-dropzone-drag {
2195-
background-color: rgb(134 239 172 / var(--tw-bg-opacity));
2199+
background-color: rgb(110 231 183 / var(--tw-bg-opacity));
21962200
--tw-bg-opacity: 0.25;
2197-
border-color: rgb(22 163 74 / var(--tw-border-opacity));
2201+
border-color: rgb(5 150 105 / var(--tw-border-opacity));
21982202
--tw-border-opacity: 0.25;
21992203
}
22002204

22012205
.media-library-dropzone:not(.disabled):active, .media-library-dropzone:not(.disabled):focus, .media-library-dropzone-drop {
22022206
outline: 2px solid transparent;
22032207
outline-offset: 2px;
2204-
background-color: rgb(134 239 172 / var(--tw-bg-opacity));
2208+
background-color: rgb(110 231 183 / var(--tw-bg-opacity));
22052209
--tw-bg-opacity: 0.5;
2206-
border-color: rgb(22 163 74 / var(--tw-border-opacity));
2210+
border-color: rgb(5 150 105 / var(--tw-border-opacity));
22072211
--tw-border-opacity: 0.25;
22082212
}
22092213

@@ -2296,7 +2300,7 @@ pre code.torchlight .line-number, pre code.torchlight .summary-caret {
22962300
outline: 2px solid transparent;
22972301
outline-offset: 2px;
22982302
--tw-bg-opacity: 1;
2299-
background-color: rgb(220 252 231 / var(--tw-bg-opacity));
2303+
background-color: rgb(209 250 229 / var(--tw-bg-opacity));
23002304
}
23012305

23022306
/* Rounded buttons */
@@ -2331,7 +2335,7 @@ pre code.torchlight .line-number, pre code.torchlight .summary-caret {
23312335
--tw-bg-opacity: 1;
23322336
background-color: rgba(var(--color-card-fill), var(--tw-bg-opacity));
23332337
--tw-text-opacity: 1;
2334-
color: rgb(34 197 94 / var(--tw-text-opacity));
2338+
color: rgb(16 185 129 / var(--tw-text-opacity));
23352339
}
23362340

23372341
.media-library-button-warning {
@@ -2352,7 +2356,7 @@ pre code.torchlight .line-number, pre code.torchlight .summary-caret {
23522356

23532357
.media-library-button-success {
23542358
--tw-bg-opacity: 1;
2355-
background-color: rgb(34 197 94 / var(--tw-bg-opacity));
2359+
background-color: rgb(16 185 129 / var(--tw-bg-opacity));
23562360
--tw-text-opacity: 1;
23572361
color: rgba(var(--color-text-inverted), var(--tw-text-opacity));
23582362
}
@@ -2445,13 +2449,13 @@ pre code.torchlight .line-number, pre code.torchlight .summary-caret {
24452449
.media-library progress::-moz-progress-bar {
24462450
height: 100%;
24472451
--tw-bg-opacity: 1;
2448-
background-color: rgb(34 197 94 / var(--tw-bg-opacity));
2452+
background-color: rgb(16 185 129 / var(--tw-bg-opacity));
24492453
}
24502454

24512455
.media-library progress::-webkit-progress-value {
24522456
height: 100%;
24532457
--tw-bg-opacity: 1;
2454-
background-color: rgb(34 197 94 / var(--tw-bg-opacity));
2458+
background-color: rgb(16 185 129 / var(--tw-bg-opacity));
24552459
}
24562460

24572461
/* Text styles */
@@ -2463,7 +2467,7 @@ pre code.torchlight .line-number, pre code.torchlight .summary-caret {
24632467

24642468
.media-library-text-success {
24652469
--tw-text-opacity: 1;
2466-
color: rgb(22 163 74 / var(--tw-text-opacity));
2470+
color: rgb(5 150 105 / var(--tw-text-opacity));
24672471
}
24682472

24692473
.media-library-text-error {
@@ -3555,9 +3559,22 @@ select {
35553559
display: inline-flex;
35563560
align-items: center;
35573561
border-radius: .375rem;
3558-
font-size: .875rem;
3562+
font-size: 1rem;
35593563
line-height: 1.25rem;
3560-
font-weight: 500;
3564+
font-weight: 400;
3565+
padding: .125rem .625rem;
3566+
color: #065f46;
3567+
background-color: #d1fae5;
3568+
font-family: 'Operator Mono', monospace;
3569+
}
3570+
.prose :where(p > code, code, pre):not(:where([class~="not-prose"] *)) {
3571+
display: inline-flex;
3572+
font-family: 'Operator Mono', monospace;
3573+
align-items: center;
3574+
border-radius: .375rem;
3575+
font-size: 1rem;
3576+
line-height: 1.25rem;
3577+
font-weight: 400;
35613578
padding: .125rem .625rem;
35623579
color: #065f46;
35633580
background-color: #d1fae5;
@@ -5840,10 +5857,6 @@ select {
58405857
--tw-text-opacity: 1;
58415858
color: rgb(110 231 183 / var(--tw-text-opacity));
58425859
}
5843-
.text-gray-300 {
5844-
--tw-text-opacity: 1;
5845-
color: rgb(209 213 219 / var(--tw-text-opacity));
5846-
}
58475860
.text-gray-400 {
58485861
--tw-text-opacity: 1;
58495862
color: rgb(156 163 175 / var(--tw-text-opacity));
@@ -5932,6 +5945,10 @@ select {
59325945
--tw-text-opacity: 1;
59335946
color: rgb(220 38 38 / var(--tw-text-opacity));
59345947
}
5948+
.text-gray-300 {
5949+
--tw-text-opacity: 1;
5950+
color: rgb(209 213 219 / var(--tw-text-opacity));
5951+
}
59355952
.text-yellow-400 {
59365953
--tw-text-opacity: 1;
59375954
color: rgb(250 204 21 / var(--tw-text-opacity));

‎resources/css/torchlight.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
overflow-x-auto is recommended.
44
*/
55
pre {
6-
@apply my-4 rounded overflow-x-auto;
6+
@apply my-4 rounded overflow-x-auto font-mono text-lg;
77
padding: 0 !important;
88
}
99

@@ -14,7 +14,7 @@ pre {
1414
colors extend edge to edge.
1515
*/
1616
pre code.torchlight {
17-
@apply block p-4 min-w-max;
17+
@apply block p-4 min-w-max font-mono;
1818
padding-top: 1rem !important;
1919
padding-bottom: 1rem !important;
2020
}

‎resources/views/components/forum/thread-author.blade.php

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -7,28 +7,28 @@
77
<div class="flex items-center space-x-3">
88
<a href="{{ route('profile', $author->username) }}" class="text-skin-inverted text-sm font-medium truncate">{{ $author->name }}</a>
99
</div>
10-
<p class="text-skin-base text-sm truncate font-normal">{{ '@'. $author->username }}</p>
10+
<p class="text-skin-base text-sm truncate">{{ '@'. $author->username }}</p>
1111
</div>
1212
</div>
1313
<div class="space-y-4 p-4">
1414
@if($author->bio)
15-
<p class="text-skin-inverted-muted text-sm leading-5 font-normal">{{ $author->bio }}</p>
15+
<p class="text-skin-base text-sm leading-5">{{ $author->bio }}</p>
1616
@endif
1717
@if($author->location)
1818
<div>
19-
<dt class="text-[12px] font-medium text-skin-muted font-sans uppercase tracking-wider">
19+
<dt class="text-[12px] font-medium text-skin-muted uppercase tracking-wider">
2020
Localisation
2121
</dt>
22-
<dd class="text-skin-base font-normal">
22+
<dd class="text-skin-base">
2323
{{ $author->location }}
2424
</dd>
2525
</div>
2626
@endif
2727
<div>
28-
<dt class="text-[12px] font-medium text-skin-muted font-sans uppercase tracking-wider">
28+
<dt class="text-[12px] font-medium text-skin-muted uppercase tracking-wider">
2929
Inscrit Depuis
3030
</dt>
31-
<dd class="text-skin-base font-normal">
31+
<dd class="text-skin-base">
3232
{{ $author->created_at->toFormattedDateString() }}
3333
</dd>
3434
</div>

‎resources/views/components/forum/thread-overview.blade.php

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
<span class="text-skin-muted">{{ '@'. $thread->author->username }}</span>
1616
</a>
1717
</p>
18-
<p class="text-sm text-skin-base font-normal">
18+
<p class="text-sm text-skin-base">
1919
<time-ago time="{{ $thread->created_at->getTimestamp() }}"/>
2020
</p>
2121
</div>
@@ -32,24 +32,24 @@
3232
@endif
3333
</div>
3434
</div>
35-
<h2 id="question-title-{{ $thread->id }}" class="mt-4 text-base font-medium text-skin-inverted font-sans">
35+
<h2 id="question-title-{{ $thread->id }}" class="mt-4 text-base font-medium text-skin-inverted">
3636
<a href="{{ route('forum.show', $thread) }}" class="hover:underline">{{ $thread->subject() }}</a>
3737
</h2>
3838
</div>
39-
<div class="mt-2 text-sm text-skin-inverted-muted font-normal">
39+
<div class="mt-2 text-sm text-skin-inverted-muted">
4040
<a href="{{ route('forum.show', $thread) }}">{!! $thread->excerpt() !!}</a>
4141
</div>
4242
<div class="mt-6 flex justify-between space-x-8">
4343
<div class="flex items-center space-x-4">
4444
<livewire:reactions :model="$thread" :with-place-holder="false" :with-background="false"/>
4545
<p class="inline-flex text-sm space-x-2 text-skin-base">
4646
<x-heroicon-o-chat-alt class="h-5 w-5" />
47-
<span class="font-normal text-skin-inverted-muted">{{ count($thread->replies) }}</span>
47+
<span class="font-mono text-skin-inverted-muted">{{ count($thread->replies) }}</span>
4848
<span class="sr-only">réponses</span>
4949
</p>
5050
<p class="inline-flex text-sm space-x-2 text-skin-base">
5151
<x-heroicon-o-eye class="h-5 w-5" />
52-
<span class="font-normal text-skin-inverted-muted">{{ $thread->views_count }}</span>
52+
<span class="font-mono text-skin-inverted-muted">{{ $thread->views_count }}</span>
5353
<span class="sr-only">vues</span>
5454
</p>
5555
</div>

‎resources/views/components/forum/thread.blade.php

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
@canany([App\Policies\ThreadPolicy::UPDATE, App\Policies\ThreadPolicy::DELETE], $thread)
55
<div class="flex items-center justify-end mb-4">
66
<div class="shrink-0 self-center flex">
7-
<div x-data="{ open: false }" @keydown.escape.stop="open = false;" @click.away="open = false" class="relative inline-block text-left">
7+
<div x-data="{ open: false }" @keydown.escape.stop="open = false;" @click.away="open = false" class="relative inline-block text-left">
88
<div>
99
<button type="button"
1010
class="-m-2 p-2 rounded-full flex items-center text-skin-muted hover:text-skin-base"

‎resources/views/components/section-header.blade.php

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
@props(['title', 'content'])
22

33
<div>
4-
<h3 class="text-skin-inverted text-2xl sm:text-3xl leading-7 font-sans font-semibold">{{ $title }}</h3>
5-
<p class="mt-3 text-lg sm:text-xl leading-6 font-normal text-skin-base sm:max-w-3xl">{{ $content }}</p>
4+
<h3 class="text-skin-inverted text-2xl sm:text-3xl leading-7 font-mono">{{ $title }}</h3>
5+
<p class="mt-3 text-lg sm:text-xl leading-6 text-skin-base sm:max-w-3xl">{{ $content }}</p>
66
</div>

‎resources/views/components/tag.blade.php

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
@props(['tag'])
22

3-
<span class="inline-flex items-center leading-none px-2.5 py-1.5 text-sm font-medium text-skin-inverted rounded-full border border-skin-input font-sans">
3+
<span class="inline-flex items-center leading-none px-2.5 py-1.5 text-sm font-medium text-skin-inverted rounded-full border border-skin-input">
44
<svg class="mr-1.5 h-2 w-2 brand-{{ $tag->slug() }}" fill="currentColor" viewBox="0 0 8 8">
55
<circle cx="4" cy="4" r="3" />
66
</svg>

‎resources/views/forum/_channels.blade.php

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@
2727
<div class="-ml-px absolute mt-0.5 top-4 left-1 w-0.5 h-full bg-skin-card" aria-hidden="true"></div>
2828
<div class="flex items-center space-x-3">
2929
<div class="shrink-0 w-2 h-2 rounded-full" aria-hidden="true" style="background-color: {{ $channel->color }}"></div>
30-
<a href="{{ route('forum.channels', $channel) }}" class="truncate {{ url()->route('forum.channels', $channel) === request()->fullUrl() ? 'text-skin-primary hover:text-skin-primary-hover' : 'text-skin-base hover:text-skin-inverted' }}">
30+
<a href="{{ route('forum.channels', $channel) }}" class="truncate font-medium {{ url()->route('forum.channels', $channel) === request()->fullUrl() ? 'text-skin-primary hover:text-skin-primary-hover' : 'text-skin-inverted-muted hover:text-skin-inverted' }}">
3131
{{ $channel->name }}
3232
</a>
3333
</div>
@@ -36,7 +36,7 @@
3636
<ul class="mt-3 ml-8 space-y-2">
3737
@foreach($channel->items as $item)
3838
<li>
39-
<a href="{{ route('forum.channels', $item) }}" class="truncate {{ url()->route('forum.channels', $item) === request()->fullUrl() ? 'text-skin-primary hover:text-skin-primary-hover' : 'text-skin-base hover:text-skin-inverted font-normal' }}">
39+
<a href="{{ route('forum.channels', $item) }}" class="truncate {{ url()->route('forum.channels', $item) === request()->fullUrl() ? 'text-skin-primary hover:text-skin-primary-hover' : 'text-skin-base hover:text-skin-inverted' }}">
4040
{{ $item->name }}
4141
</a>
4242
</li>

‎resources/views/forum/_moderators.blade.php

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,10 +11,10 @@
1111
<img class="h-8 w-8 rounded-full" src="{{ $moderator->profile_photo_url }}" alt="">
1212
</div>
1313
<div class="flex-1 min-w-0">
14-
<p class="text-sm font-medium text-skin-inverted truncate font-sans">
14+
<p class="text-sm font-medium text-skin-inverted truncate">
1515
{{ $moderator->name }}
1616
</p>
17-
<p class="text-sm text-skin-base truncate font-normal">
17+
<p class="text-sm text-skin-base truncate">
1818
{{ '@' . $moderator->username }}
1919
</p>
2020
</div>

‎resources/views/forum/index.blade.php

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515

1616
<div class="lg:grid lg:grid-cols-3 lg:gap-10">
1717
<div class="hidden lg:flex items-center">
18-
<h3 class="text-skin-inverted text-xl">
18+
<h3 class="text-skin-inverted text-xl font-mono">
1919
{{ number_format($threads->total()) }} Sujets
2020
</h3>
2121
</div>

‎resources/views/forum/thread.blade.php

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -27,10 +27,10 @@
2727
</div>
2828
</div>
2929
<div class="lg:col-span-7 lg:pl-8 lg:border-l lg:border-skin-base">
30-
<h1 class="text-xl sm:text-3xl text-skin-inverted">{{ $thread->subject() }}</h1>
30+
<h1 class="text-xl text-skin-inverted font-medium tracking-tight sm:text-3xl">{{ $thread->subject() }}</h1>
3131

3232
<div class="border-b pt-2 pb-4 border-skin-base">
33-
<div class="sm:inline-flex sm:items-center text-sm text-skin-inverted-muted font-normal">
33+
<div class="sm:inline-flex sm:items-center text-sm text-skin-inverted-muted">
3434
<div class="flex items-center">
3535
<a href="{{ route('profile', $thread->author->username) }}" class="inline-flex items-center hover:underline">
3636
<img class="inline-block rounded-full h-5 w-5 mr-1" src="{{ $thread->author->profile_photo_url }}" alt="Avatar de {{ $thread->author->username }}">
@@ -105,7 +105,7 @@
105105
Veuillez vous <a href="{{ route('login') }}" class="text-skin-primary hover:text-skin-primary-hover hover:underline">connecter</a> ou <a href="{{ route('register') }}" class="text-skin-primary hover:text-skin-primary-hover hover:underline">créer un compte</a> pour participer à cette conversation.
106106
</p>
107107
@else
108-
<div class="mt-10 flex justify-between items-center gap-x-12 text-skin-base font-normal">
108+
<div class="mt-10 flex justify-between items-center gap-x-12 text-skin-base">
109109
<p>Vous devrez vérifier votre compte avant de participer à cette conversation.</p>
110110

111111
<form action="{{ route('verification.send') }}" method="POST" class="block">

0 commit comments

Comments
 (0)