update style 1

themes/tella/README.md

@@ -1,106 +0,0 @@
-# Tella
-
-![](https://user-images.githubusercontent.com/39876629/103476491-9d870880-4df9-11eb-9961-98015b19968c.png)
-
-Tella, A Hugo theme for Companies.
-
-The demo can be seen here: https://tella.pages.dev
-
-[![Import this project into Forestry](https://assets.forestry.io/import-to-forestryK.svg)](https://app.forestry.io/quick-start?repo=opera7133/tella&engine=hugo&version=0.80.0&config=exampleSite)
-
-## Features
-
-- Responsive
-- Carousel
-- Google Analytics
-- Pagination
-- Syntax Highlight
-- Support categories
-- Disqus
-
-## Installation
-
-### Method 1
-
-Inside the folder of your Hugo site run:
-
-```bash
-$ git clone https://github.com/opera7133/tella themes/tella
-```
-
-Updating theme:
-
-```bash
-$ cd themes/tella
-$ git pull
-```
-
-### Method 2
-
-Inside the folder of your Hugo site run:
-
-```bash
-$ git submodule add https://github.com/opera7133/tella.git themes/tella
-```
-
-Updating theme:
-
-```bash
-$ git submodule update --remote --merge
-```
-
-### Install dependencies
-
-Copy at least the following files from `themes/tella/exampleSite` to the root folder of your site.
-
-- package.json
-- tailwind.config.js
-- postcss.config.js
-
-After that, run this command.
-
-```bash
-$ npm install
-```
-
-For more information read the official [setup guide](https://gohugo.io/overview/installing/) of Hugo.
-
-## Getting started
-
-After installing the theme successfully it requires a just a few more steps to get your site running.
-
-### Update config file
-
-Copy the config.toml in the exampleSite to the root of your Hugo site. Change strings as you like.
-
-### Check your site
-
-In order to see your site in action, run Hugo's built-in local server.
-
-```bash
-$ npm run start
-```
-
-Now enter `localhost:1313` in the address bar of your browser.
-
-### Update the theme
-
-Inside the folder of your Hugo site run:
-
-```bash
-$ git submodule update --remote --merge
-```
-
-### Build your site
-
-```bash
-$ npm run build
-```
-
-## Contributing
-
-If you find a bug or have an idea for a feature, feel free to write an [issue](https://github.com/opera7133/tella/issues) or make a PR.
-
-## License
-
-This theme is released under the [MIT license](https://github.com/opera7133/tella/blob/master/LICENSE).

themes/tella/layouts/_default/list.html

@@ -35,6 +35,7 @@
 <div class="mx-auto my-10 max-w-6xl">
   <div class="mx-3 col-span-3 lg:col-span-2 px-2">
     <h1 class="title text-5xl mb-4">{{.Title}}</h1>
+    <hr>
     <div class="content py-1">{{.Content}}</div>
     {{ $paginator := .Paginate (where .Data.Pages "Type" "in" site.Params.mainSections) 6 }}
     {{ range $paginator.Pages }}

themes/tella/layouts/_default/single.html

@@ -35,8 +35,9 @@
 {{ define "main" }}
 <div class="mx-auto my-10 max-w-6xl">
   <div class="mx-3 col-span-3 lg:col-span-2 px-2">
-    <h1 class="title text-5xl mb-4">{{.Title}}</h1>
-    <div class="content prose md:prose-lg lg:prose-xl max-w-none py-1">{{.Content}}</div>
+    <h1 class="title text-5xl mb-4 text-white-custom">{{.Title}}</h1>
+    <hr style="border-color: #00ad8e;">
+    <div class="content  md:prose-lg lg:prose-xl max-w-none py-1 text-white-custom">{{.Content}}</div>
   </div>
 </div>
 {{ end }}

themes/tella/layouts/partials/recent.html

@@ -4,7 +4,7 @@
 
 <div class="flex flex-wrap justify-center text-gray-300 my-5">
     <a href="blog/"
-        class="duration-200 px-6 py-3 bg-darker-green-custom hover:opacity-80 hover:text-white relative block focus:outline-none text-md text-center">
+        class="duration-200 px-6 py-3 bg-darker-green-custom hover:opacity-80 hover:text-white relative block focus:outline-none text-md text-center text-white">
         Alle Beiträge >
     </a>
 </div>

themes/tella/layouts/shortcodes/form.html

@@ -1,15 +1,15 @@
 <form name="contact" action="https://getform.io/" method="POST">
     <div class="input">
-        <input type="text" placeholder="Name" name="name" class="p-4 bg-gray-200 border border-gray-200 focus:outline-none focus:bg-white focus:border-gray-500" required>
+        <input type="text" placeholder="Name" name="name" class="text-lightgray-custom p-4 bg-gray-200 border border-gray-200 focus:outline-none focus:bg-white focus:border-gray-500" required>
     </div>
     <div class="input">
-        <input type="text" placeholder="Email" name="mail" class="p-4 bg-gray-200 border border-gray-200 focus:outline-none focus:bg-white focus:border-gray-500" required>
+        <input type="text" placeholder="Email" name="mail" class="text-lightgray-custom p-4 bg-gray-200 border border-gray-200 focus:outline-none focus:bg-white focus:border-gray-500" required>
     </div>
     <div class="input">
-        <input type="text" placeholder="Title" name="title" class="p-4 bg-gray-200 border border-gray-200 focus:outline-none focus:bg-white focus:border-gray-500" required>
+        <input type="text" placeholder="Betreff" name="title" class="text-lightgray-custom p-4 bg-gray-200 border border-gray-200 focus:outline-none focus:bg-white focus:border-gray-500" required>
     </div>
     <div class="input">
-        <textarea rows="5" cols="30" placeholder="Message" name="message" class="p-4 bg-gray-200 border border-gray-200 focus:outline-none focus:bg-white focus:border-gray-500" required></textarea>
+        <textarea rows="5" cols="30" placeholder="Nachricht" name="message" class="text-lightgray-custom p-4 bg-gray-200 border border-gray-200 focus:outline-none focus:bg-white focus:border-gray-500" required></textarea>
     </div>
-    <input type="submit" value="Submit" class="px-8 py-2 duration-200 bg-gray-800 text-white cursor-pointer transition-colors hover:bg-gray-400">
+    <input type="submit" value="Absenden" class="px-8 py-2 transition-400 bg-darker-green-custom btn-custom text-white cursor-pointer transition-colors hover:opacity-80 hover:text-white">
 </form>