Revert "Added transition to theme switch."

This reverts commit 5d467622f4.

assets/components/releases/release.vue

@@ -210,11 +210,24 @@
                     class="link added"
                 >{{ formatDate(release.dateAdded, 'MMMM D, YYYY') }}</a>
             </span>
+
+            <div class="row">
+                <Icon icon="paste2" />
+
+                <input
+                    class="filename"
+                    :value="filename"
+                    @focus="copyFilename"
+                >
+            </div>
         </div>
     </div>
 </template>
 
 <script>
+import config from 'config';
+import format from 'template-format';
+
 import Banner from './banner.vue';
 import Actor from '../tile/actor.vue';
 import Release from '../tile/release.vue';
@@ -224,8 +237,20 @@ function pageTitle() {
     return this.release && this.release.title;
 }
 
+function copyFilename(event) {
+    event.target.setSelectionRange(0, event.target.value.length);
+    document.execCommand('copy');
+}
+
 async function mounted() {
     this.release = await this.$store.dispatch('fetchReleaseById', this.$route.params.releaseId);
+    this.filename = format(config.filename.pattern, {
+        ...this.release,
+        shootId: this.release.shootId || '',
+        date: this.formatDate(this.release.date, config.filename.date),
+    }, {
+        spreadSeparator: config.filename.separator,
+    });
 }
 
 export default {
@@ -245,6 +270,9 @@ export default {
         pageTitle,
     },
     mounted,
+    methods: {
+        copyFilename,
+    },
 };
 </script>
 
@@ -285,7 +313,7 @@ export default {
 .details {
     background: var(--profile);
     color: var(--text-light);
-    box-shadow: 0 0 3px var(--darken-weak);
+    box-shadow: 0 0 3px var(--shadow-weak);
     cursor: default;
 
     .column {
@@ -296,7 +324,6 @@ export default {
 
     .link {
         color: var(--text-light);
-        transition: color var(--theme-transition);
     }
 }
 
@@ -358,12 +385,10 @@ export default {
 
 .title {
     margin: 0 0 1.5rem 0;
-    transition: color var(--theme-transition);
 }
 
 .description {
     line-height: 1.5;
-    transition: color var(--theme-transition);
 }
 
 .duration {
@@ -415,10 +440,9 @@ export default {
     display: inline-block;
     padding: .5rem;
     margin: 0 .25rem .25rem 0;
-    box-shadow: 0 0 2px var(--darken-weak);
+    box-shadow: 0 0 2px var(--shadow-weak);
     text-decoration: none;
     text-transform: capitalize;
-    transition: background var(--theme-transition);
 
     &:hover {
         color: var(--primary);

assets/components/releases/releases.vue

@@ -83,7 +83,6 @@ export default {
 .empty {
     color: var(--shadow-strong);
     font-weight: bold;
-    transition: color var(--theme-transition);
 }
 
 @media(max-width: $breakpoint4) {