Added theme files

animations.css

@@ -0,0 +1,106 @@
+/* ************************************************************* */
+/* 
+/* Use this file to add custom CSS animations.
+/* Delete this file if you wish to use the default animations.
+/* If you do not want to have animations in your theme,
+/* remove or comment them and include this file in your theme.
+/* 
+/* ************************************************************* */
+
+
+/* Table of contents
+––––––––––––––––––––––––––––––––––––––––––––––––––
+- Entrance animations
+- Button hover animations
+- Icon hover animations
+- Footer hover animations
+
+*/
+
+
+
+/* Entrance animations
+–––––––––––––––––––––––––––––––––––––––––––––––––– */
+
+/* .button-entrance {
+    animation-name: popUp;
+    animation-duration: 1s;
+    animation-fill-mode: both;
+    animation-delay: calc(var(--delay)/10);
+  }
+
+@keyframes popUp {
+  from {
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+
+  50% {
+    opacity: 1;
+  }
+} */
+
+/* .fadein {
+    animation-name: fadein;
+    animation-duration: 3s;
+    animation-fill-mode: both;
+  }
+
+@keyframes fadein {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+} */
+
+
+/* Button hover animations
+–––––––––––––––––––––––––––––––––––––––––––––––––– */
+/* (Also apply to icon) */
+
+.button-hover, .credit-hover{
+    display:inline-block;
+    -webkit-transform:perspective(1px) translateZ(0);
+    transform:perspective(1px) translateZ(0);
+    box-shadow:0 0 1px rgba(0,0,0,0);
+    -webkit-transition-duration:.1s;
+    transition-duration:.1s;
+    -webkit-transition-property:transform;
+    transition-property:transform
+}
+.button-hover:active,
+.button-hover:focus, 
+.button-hover:hover{
+    -webkit-transform:scale(1.02);
+    transform:scale(1.02)
+}
+.credit-hover:active, 
+.credit-hover:focus, 
+.credit-hover:hover{
+    -webkit-transform:scale(1.04);
+    transform:scale(1.04)
+}
+
+
+/* Footer hover animations
+–––––––––––––––––––––––––––––––––––––––––––––––––– */
+
+.footer-hover{
+    display:inline-block;
+    -webkit-transform:perspective(1px) translateZ(0);
+    transform:perspective(1px) translateZ(0);
+    box-shadow:0 0 1px rgba(0,0,0,0);
+    -webkit-transition-duration:.3s;
+    transition-duration:.3s;
+    -webkit-transition-property:transform;
+    transition-property:transform;
+    -webkit-transition-timing-function:ease-out;
+    transition-timing-function:ease-out
+}
+.footer-hover:active,.footer-hover:focus,.footer-hover:hover{
+    -webkit-transform:translateY(-8px);
+    transform:translateY(-8px)
+}

brands.css

@@ -0,0 +1,66 @@
+
+/* Table of contents
+––––––––––––––––––––––––––––––––––––––––––––––––––
+
+- Rounded user avatars
+- Buttons
+- Brand Styles
+
+*/
+
+
+/* Rounded avatars
+–––––––––––––––––––––––––––––––––––––––––––––––––– */
+
+/* Disable this if you don't want rounded avatars for users */
+.rounded-avatar {
+  border-radius: 50%;
+  -webkit-box-shadow: 0px 0px 0px 3px var(--button-background-color); 
+  box-shadow: 0px 0px 0px 3px var(--button-background-color);
+  background-color: var(--button-background-color) !important;
+  width: var(--image-width);
+  height: var(--image-height);
+}
+
+
+/* Buttons
+–––––––––––––––––––––––––––––––––––––––––––––––––– */
+
+.button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-decoration: none;
+  font-size: 1em;
+  color: var(--button-text-color);
+  min-height: 58px;
+  line-height: 58px;
+  cursor: pointer;
+
+  color: var(--button-text-color);
+  background-color: var(--button-background-color);
+  width: 100%;
+  max-width: 600px;
+  border-radius: 14px;
+  margin-bottom: 13px;
+}
+
+
+/* Brand Icons
+–––––––––––––––––––––––––––––––––––––––––––––––––– */
+
+.icon {
+  right: 10px;
+  bottom: 2px;
+  position: relative;
+  vertical-align: middle;
+  width: 20px;
+  height: 20px;
+  -webkit-filter: grayscale(100%);
+  -moz-filter: grayscale(100%);
+  filter: grayscale(100%);
+}
+
+svg {
+  color: white !important;
+}

config.php

@@ -0,0 +1,66 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Theme Config
+    |--------------------------------------------------------------------------
+    |
+    | The theme config allows you to configure how LittleLink Custom should treat your theme.
+    | All settings can either be set to "true" or "false", unless stated otherwise.
+    | 
+    | The settings below change how your buttons behave.
+    |
+    */
+
+    // Some themes may not be compatible with custom buttons created by the Button Editor.
+    // If 'false' the default button CSS is used.
+    'allow_custom_buttons' => 'false',
+
+    'open_links_in_same_tab' => 'false',
+
+
+    /*
+    |--------------------------------------------------------------------------
+    | Custom Code
+    |--------------------------------------------------------------------------
+    |
+    | Custom code allows you to inject customized Blade, PHP, HTML, JavaScript and CSS code.
+    | 
+    | In your "extra" folder, you will find 3 separate files for injecting your code to 
+    | different places on the final page (head, body, at the end of the body).
+    | 
+    | You may also attach custom assets like CSS, JS, or images. 
+    | You can find instructions for this in the files in your extra folder.
+    | 
+    */
+
+    'enable_custom_code' => 'false',
+
+    // Disable individual files (only applies if above is 'true').
+    'enable_custom_head'     => 'true',
+    'enable_custom_body'     => 'true',
+    'enable_custom_body_end' => 'true',
+
+
+    /*
+    |--------------------------------------------------------------------------
+    | Custom Icons
+    |--------------------------------------------------------------------------
+    |
+    | You may add custom icons to your theme. 
+    | These icons are stored under: .../extra/custom-icons.
+    | 
+    | You can adjust the file extension types to use other files than just SVGs.
+    |
+    */
+
+    'use_custom_icons' => 'false',
+
+    // Is not set correct this will cause errors.
+    'custom_icon_extension' => '.svg', // (.png, .jpg ...)
+
+
+
+];

readme.md

@@ -0,0 +1,20 @@
+# A LittleLink Custom Theme
+Find more themes: https://github.com/JulianPrieber/llc-themes
+
+*	Theme Name: Dark
+*	Theme Version: 1.0
+*	Theme Date: 2022-11-21
+*	Theme Author: JulianPrieber
+*	Theme Author URI: https://github.com/JulianPrieber
+*	Theme License: MIT
+*	Source code: https://github.com/JulianPrieber/Dark
+
+
+### Used assets:
+* Built using:
+* https://github.com/dhg/Skeleton
+* License: MIT
+
+*
+* https://github.com/ardacarofficial/links-website
+* License: MIT -> https://github.com/ardacarofficial/links-website/blob/main/LICENSE

share.button.css

@@ -0,0 +1,82 @@
+.share-icon {
+  padding: 0px 5px 3.5px 0px;
+  vertical-align: middle;
+  width: 20px;
+  height: 20px;
+}
+
+.sharediv {
+  position:relative; 
+  top: 30px; 
+  right: 30px; 
+  padding-bottom: 40px;
+}
+
+.toastdiv {
+  display: -webkit-flex;
+  display: flex;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+}
+
+.toastbox {
+  width: 280px;
+  padding: 10px;
+  background-color: rgba(0, 0, 0, 0.7);
+  color: white;
+  border-radius: 4px;
+  position: fixed;
+  top: 105%;
+  -webkit-transition: transform 0.3s linear;
+  transition: transform 0.3s linear;
+  z-index: 2;
+  text-align: center;
+}
+.toastbox.toast-tox--active {
+  -webkit-transform: translateY(-150px);
+  transform: translateY(-150px);
+}
+
+  .sharebutton,
+  sharebutton {
+    display: inline-block;
+    text-decoration: none;
+    height: 48px;
+    text-align: center;
+    vertical-align: middle;
+    font-size: 18px;
+    width: 48px;
+    font-weight: 700;
+    line-height: 48px;
+    letter-spacing: 0.1px;
+    white-space: wrap;
+    border: solid var(--accentColor) 2px;
+    border-radius: 10px;
+    cursor: pointer;
+    color: var(--button-text-color);
+    background-color: var(--button-background-color);
+   }
+
+sharebutton:hover,
+.sharebutton:hover {
+  color: #000000;
+  background-color: #FFF; 
+}
+.sharebutton:hover .share-icon {
+  -webkit-filter: invert(100%);
+  -moz-filter: invert(100%);
+  filter: invert(100%);
+}
+
+
+    .sharebutton-mb {
+     display: none;
+    }
+    .sharebutton-img {
+      position: relative;
+      left: 3px;
+      margin-left: auto;
+      margin-right: auto;
+     }