opdavies/oliverdavies.uk-drupal-old
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Remove dark mode from theme

Browse source
This commit is contained in:
Oliver Davies 2020-12-17 09:03:29 +00:00
parent 9fba0b7292
commit ebd9903bf6
13 changed files with 12 additions and 45 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
web/themes/custom/opdavies/assets/css/base/forms.pcss
View file

@ -1,5 +0,0 @@
@layer base {
input {
@apply dark:text-gray-900
}
}

5
web/themes/custom/opdavies/assets/css/base/tables.pcss
View file

@ -1,5 +0,0 @@
@layer base {
th {
@apply dark:text-white
}
}

2
web/themes/custom/opdavies/assets/css/components/block.pcss
View file

@ -1,5 +1,5 @@
@layer components {
.sidebar .block {
@apply p-6 rounded bg-gray-100 dark:bg-gray-750
@apply p-6 rounded bg-gray-100
}
}

6
web/themes/custom/opdavies/assets/css/components/note.pcss
View file

@ -1,10 +1,6 @@
@layer components {
.note {
@apply max-w-full prose bg-blue-200 border-blue-600 border-l-4 mb-4 p-4 rounded dark:prose-dark;
* {
@apply dark:text-gray-700
}
@apply max-w-full prose bg-blue-200 border-blue-600 border-l-4 mb-4 p-4 rounded;
p a {
@apply underline hover:no-underline

23
web/themes/custom/opdavies/tailwind.config.js
View file

@ -50,24 +50,6 @@ module.exports = {
'pre code::before': false,
'pre code::after': false
}
},
dark: {
css: {
color: theme('colors.gray.200'),
code: {
backgroundColor: theme('colors.gray.750'),
color: theme('colors.gray.200')
},
'h2, h3': {
color: theme('colors.white')
},
strong: {
color: theme('colors.gray.200')
}
}
}
}),
extend: {
@ -117,11 +99,10 @@ module.exports = {
borderStyle: [...variants.borderStyle, 'hover', 'focus'],
borderWidth: [...variants.borderWidth, 'hover', 'focus'],
margin: [...variants.margin, 'first', 'last', 'odd', 'even'],
typography: ['responsive', 'dark']
typography: ['responsive']
},
experimental: {
applyComplexClasses: true,
darkModeVariant: true
applyComplexClasses: true
},
future: {
purgeLayersByDefault: true

2
web/themes/custom/opdavies/templates/block/block--inline-block--recommendation.html.twig
View file

@ -10,7 +10,7 @@
"
>
<div class="mt-4 flex-1 sm:mt-0">
<div class="text-gray-700 dark:text-gray-200">
<div class="text-gray-700">
{{ content.field_role }}
</div>

2
web/themes/custom/opdavies/templates/field/field--node--field-events--talk.html.twig
View file

@ -42,7 +42,7 @@
]
%}
<div{{ attributes.addClass('prose dark:prose-dark max-w-none') }}>
<div{{ attributes.addClass('prose max-w-none') }}>
<h2{{ title_attributes.addClass(title_classes) }}>
{{ label }}
</h2>

2
web/themes/custom/opdavies/templates/layout/page.html.twig
View file

@ -45,7 +45,7 @@
* @ingroup themeable
*/
#}
<div class="[ antialiased font-sans leading-relaxed ] [ text-gray-800 ] [ dark:text-gray-100 dark:bg-gray-700 ]">
<div class="[ antialiased font-sans leading-relaxed ] [ text-gray-800 ]">
<div class="min-h-screen flex flex-col">
<div id="nav" class="bg-blue-500 border-b-3 border-blue-700">
<div class="container">

2
web/themes/custom/opdavies/templates/node/node--talk.html.twig
View file

@ -90,7 +90,7 @@
</footer>
{% endif %}
<div{{ content_attributes.addClass(['space-y-6', page ? 'prose dark:prose-dark max-w-none']) }}>
<div{{ content_attributes.addClass(['space-y-6', page ? 'prose max-w-none']) }}>
{{ content }}
</div>

2
web/themes/custom/opdavies/templates/node/node.html.twig
View file

@ -70,7 +70,7 @@
* in different view modes.
*/
#}
<article{{ attributes.addClass('node min-w-full prose dark:prose-dark') }}>
<article{{ attributes.addClass('node min-w-full prose') }}>
{{ title_prefix }}
{% if not page %}

2
web/themes/custom/opdavies/templates/view/views-view--blog-posts.html.twig
View file

@ -41,7 +41,7 @@
{{ title_suffix }}
{% if header %}
<header class="prose dark:prose-dark lg:prose-lg xl:prose-xl">
<header class="prose lg:prose-lg xl:prose-xl">
{{ header }}
</header>
{% endif %}

2
web/themes/custom/opdavies/templates/view/views-view--talks.html.twig
View file

@ -41,7 +41,7 @@
{{ title_suffix }}
{% if header %}
<header class="prose dark:prose-dark lg:prose-lg xl:prose-xl">
<header class="prose lg:prose-lg xl:prose-xl">
{{ header }}
</header>
{% endif %}

2
web/themes/custom/opdavies/templates/view/views-view-list--blog-posts.html.twig
View file

@ -16,7 +16,7 @@
* @see template_preprocess_views_view_list()
*/
#}
{% if attributes.addClass('min-w-full prose dark:prose-dark') -%}
{% if attributes.addClass('min-w-full prose') -%}
<div{{ attributes }}>
{% endif %}
{% if title %}