Skip to content
This repository was archived by the owner on Mar 14, 2022. It is now read-only.

Dark mode improvements #2

Open
thtg88 wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Dark mode improvements #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
8e9dd7e
Dark mode improvements
thtg88 Jan 3, 2021
9bbf8f7
Merge branch 'master' into dark-mode
thtg88 Jan 3, 2021
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
6 changes: 5 additions & 1 deletion resources/views/components/buttons/primary-button-link.blade.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,9 @@
<a href="{{ $href }}" {{ $attributes->merge([
'class' => 'inline-flex items-center px-4 py-2 border border-gray-800 bg-transparent rounded-md font-semibold text-xs text-gray-800 uppercase tracking-widest hover:bg-gray-700 hover:text-white active:bg-gray-900 focus:outline-none focus:border-gray-900 focus:shadow-outline-gray disabled:opacity-25 transition ease-in-out duration-150',
'class' => 'inline-flex items-center px-4 py-2 border border-transparent bg-gray-800 rounded-md '.
'font-semibold text-xs text-gray-100 uppercase tracking-widest hover:bg-gray-700 hover:text-white '.
'active:bg-gray-900 focus:outline-none focus:border-gray-900 focus:shadow-outline-gray disabled:opacity-25 '.
'dark:bg-gray-300 dark:text-gray-700 '.
'transition ease-in-out duration-150',
]) }}>
{{ $slot }}
</a>
4 changes: 2 additions & 2 deletions resources/views/components/card.blade.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<div class="py-12">
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
<div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
<div class="p-6 bg-white border-b border-gray-200">
<div class="bg-white overflow-hidden shadow-sm sm:rounded-lg dark:bg-gray-800">
<div class="p-6 bg-white border-b border-gray-200 dark:bg-gray-800 dark:border-gray-600">
{{ $slot }}
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion resources/views/components/help-text.blade.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<p class="mt-2 text-sm text-gray-700">{{ $slot }}</p>
<p class="mt-2 text-sm text-gray-700 dark:text-gray-400">{{ $slot }}</p>
4 changes: 3 additions & 1 deletion resources/views/components/label.blade.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,7 @@
@props(['value'])

<label {{ $attributes->merge(['class' => 'block font-medium text-sm text-gray-700']) }}>
<label {{ $attributes->merge([
'class' => 'block font-medium text-sm text-gray-700 dark:text-white'
]) }}>
{{ $value ?? $slot }}
</label>
2 changes: 1 addition & 1 deletion resources/views/components/title.blade.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
<h1 class="font-semibold text-2xl text-gray-800 leading-tight">
<h1 class="font-semibold text-2xl text-gray-800 leading-tight dark:text-white">
{{ $slot }}
</h1>
4 changes: 2 additions & 2 deletions resources/views/layouts/app.blade.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,11 +18,11 @@
<script src="{{ asset('js/app.js') }}" defer></script>
</head>
<body class="font-sans antialiased">
<div class="min-h-screen bg-gray-100">
<div class="min-h-screen bg-gray-100 dark:bg-gray-900">
@include('layouts.navigation')

<!-- Page Heading -->
<header class="bg-white shadow">
<header class="bg-white dark:bg-gray-800 shadow">
<div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8 md:flex md:items-center md:justify-between">
{{ $header }}
</div>
Expand Down
2 changes: 1 addition & 1 deletion resources/views/layouts/navigation.blade.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<nav x-data="{ open: false }" class="bg-white border-b border-gray-100">
<nav x-data="{ open: false }" class="bg-white border-b border-gray-100 dark:bg-gray-800 dark:border-gray-700">
<!-- Primary Navigation Menu -->
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between h-16">
Expand Down