Skip to content

Commit

Permalink
Fix dark mode styling (#145)
Browse files Browse the repository at this point in the history
  • Loading branch information
@aerni
aerni authored May 24, 2024
1 parent 6494584 commit 5994096
Show file tree
Hide file tree
Showing 11 changed files with 81 additions and 74 deletions.
6 changes: 6 additions & 0 deletions package-lock.json
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@
"dependencies": {
"marked": "^4.0.10",
"underscore": "~1.13.2",
"uniqid": "^5.4.0",
"vue": "^2.6.14"
},
"devDependencies": {
Expand Down
1 change: 0 additions & 1 deletion resources/dist/build/assets/cp-606ed32d.css
View file

This file was deleted.

48 changes: 48 additions & 0 deletions resources/dist/build/assets/cp-711b4c09.js
View file

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions resources/dist/build/assets/cp-90c1ee0f.css
View file

Large diffs are not rendered by default.

48 changes: 0 additions & 48 deletions resources/dist/build/assets/cp-b571eac4.js
View file

This file was deleted.

4 changes: 2 additions & 2 deletions resources/dist/build/manifest.json
View file
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
{
"resources/css/cp.css": {
"file": "assets/cp-606ed32d.css",
"file": "assets/cp-90c1ee0f.css",
"isEntry": true,
"src": "resources/css/cp.css"
},
"resources/js/cp.js": {
"file": "assets/cp-b571eac4.js",
"file": "assets/cp-711b4c09.js",
"isEntry": true,
"src": "resources/js/cp.js"
}
Expand Down
8 changes: 4 additions & 4 deletions resources/js/components/DefaultsPublishForm.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@
v-for="option in localizations"
:key="option.handle"
class="flex items-center px-4 py-2 -mx-4 text-sm cursor-pointer"
:class="option.active ? 'bg-blue-100' : 'hover:bg-gray-200'"
:class="option.active ? 'bg-blue-100 dark:bg-dark-300' : 'hover:bg-gray-200 dark:hover:bg-dark-400'"
@click="localizationSelected(option)"
>
<div class="flex items-center flex-1" :class="{ 'line-through': !option.exists }">
Expand All @@ -68,9 +68,9 @@
class="ml-2"
v-if="localizing && localizing.handle === option.handle" />
</div>
<div class="badge-sm bg-orange" v-if="option.origin" v-text="__('Origin')" />
<div class="badge-sm bg-blue" v-if="option.active" v-text="__('Active')" />
<div class="badge-sm bg-purple" v-if="option.root && !option.origin && !option.active" v-text="__('Root')" />
<div class="badge-sm bg-orange dark:bg-orange-dark" v-if="option.origin" v-text="__('Origin')" />
<div class="badge-sm bg-blue dark:bg-dark-blue-175" v-if="option.active" v-text="__('Active')" />
<div class="badge-sm bg-purple dark:bg-purple-dark" v-if="option.root && !option.origin && !option.active" v-text="__('Root')" />
</div>
</div>
</template>
Expand Down
14 changes: 7 additions & 7 deletions resources/views/cp/collections.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,19 +9,19 @@

<div class="widgets @container flex flex-wrap -mx-4">
<div class="w-full px-4 widget md:w-full">
<div class="p-0 card content">
<div class="flex items-start px-8 py-8 border-b">
<div class="w-8 h-8 mr-4 text-blue">
<div class="p-0 card card-lg content">
<header class="flex items-start px-8 py-8 border-b">
<div class="w-8 h-8 mr-4 text-gray-800 dark:text-dark-175">
@cp_svg('icons/light/content-writing')
</div>
<div class="flex-1">
<h3 class="mb-2 text-lg text-gray-800">{{ __('advanced-seo::messages.collections') }}</h3>
<div class="flex-1 text-blue">
<h3>{{ __('advanced-seo::messages.collections') }}</h3>
<p>{{ __('advanced-seo::messages.collections_description') }}</p>
</div>
</div>
</header>
<div class="px-6 py-6">
@foreach ($defaults as $default)
<a href="{{ cp_route('advanced-seo.collections.edit', $default['handle']) }}" class="block px-3 py-2 -mx-1 text-sm rounded-md hover:seo-bg-blue-100">{{ $default['title'] }}</a>
<a href="{{ cp_route('advanced-seo.collections.edit', $default['handle']) }}" class="block px-3 py-2 -mx-1 text-sm border border-transparent rounded-md hover:bg-gray-200 dark:hover:bg-dark-575 dark:hover:border-dark-400">{{ $default['title'] }}</a>
@endforeach
</div>
</div>
Expand Down
10 changes: 5 additions & 5 deletions resources/views/cp/site.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,15 +9,15 @@

<div class="widgets @container flex flex-wrap -mx-4">
<div class="w-full px-4 widget md:w-full">
<div class="p-0 card content">
<div class="p-0 card card-lg content">
<div class="flex flex-wrap p-4">
@foreach ($defaults as $default)
<a href="{{ cp_route('advanced-seo.site.edit', $default['handle']) }}" class="flex items-start w-full p-4 rounded-md lg:w-1/2 hover:seo-bg-blue-100 group">
<div class="w-8 h-8 mr-4 text-blue">
<a href="{{ cp_route('advanced-seo.site.edit', $default['handle']) }}" class="w-full p-4 border border-transparent rounded-md md:items-start md:flex lg:w-1/2 hover:bg-gray-200 dark:hover:bg-dark-575 dark:hover:border-dark-400 group">
<div class="w-8 h-8 mr-4 text-gray-800 dark:text-dark-175">
@cp_svg($default['icon'])
</div>
<div class="flex-1">
<h3 class="mb-2 text-lg text-gray-800 group-hover:text-blue">{{ __("advanced-seo::messages.{$default['handle']}") }}</h3>
<div class="flex-1 text-blue">
<h3>{{ __("advanced-seo::messages.{$default['handle']}") }}</h3>
<p>{{ __("advanced-seo::messages.{$default['handle']}_description") }}</p>
</div>
</a>
Expand Down
14 changes: 7 additions & 7 deletions resources/views/cp/taxonomies.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,19 +9,19 @@

<div class="widgets @container flex flex-wrap -mx-4">
<div class="w-full px-4 widget md:w-full">
<div class="p-0 card content">
<div class="flex items-start px-8 py-8 border-b">
<div class="w-8 h-8 mr-4 text-blue">
<div class="p-0 card card-lg content">
<header class="flex items-start px-8 py-8 border-b">
<div class="w-8 h-8 mr-4 text-gray-800 dark:text-dark-175">
@cp_svg('icons/light/tags')
</div>
<div class="flex-1">
<h3 class="mb-2 text-lg text-gray-800">{{ __('advanced-seo::messages.taxonomies') }}</h3>
<div class="flex-1 text-blue">
<h3>{{ __('advanced-seo::messages.taxonomies') }}</h3>
<p>{{ __('advanced-seo::messages.taxonomies_description') }}</p>
</div>
</div>
</header>
<div class="px-6 py-6">
@foreach ($defaults as $default)
<a href="{{ cp_route('advanced-seo.taxonomies.edit', $default['handle']) }}" class="block px-3 py-2 -mx-1 text-sm rounded-md hover:seo-bg-blue-100">{{ $default['title'] }}</a>
<a href="{{ cp_route('advanced-seo.taxonomies.edit', $default['handle']) }}" class="block px-3 py-2 -mx-1 text-sm border border-transparent rounded-md hover:bg-gray-200 dark:hover:bg-dark-575 dark:hover:border-dark-400">{{ $default['title'] }}</a>
@endforeach
</div>
</div>
Expand Down

0 comments on commit 5994096

Please sign in to comment.