From c7889eeaa0bbd61b8684b67240a60de2bca02d77 Mon Sep 17 00:00:00 2001
From: Jacson Passold <jacson@passold.com.br>
Date: Thu, 26 Jul 2018 10:58:35 -0300
Subject: [PATCH 1/7] creating prop semantic_uri to store metadatum schema
 information

---
 .../entities/class-tainacan-metadatum.php     | 20 ++++++++++++++++++-
 .../repositories/class-tainacan-metadata.php  | 14 ++++++++++++-
 src/exposers/class-tainacan-exposers.php      |  2 +-
 3 files changed, 33 insertions(+), 3 deletions(-)

diff --git a/src/classes/entities/class-tainacan-metadatum.php b/src/classes/entities/class-tainacan-metadatum.php
index 9535e82f3..8b1fd5f6e 100644
--- a/src/classes/entities/class-tainacan-metadatum.php
+++ b/src/classes/entities/class-tainacan-metadatum.php
@@ -210,6 +210,15 @@ class Metadatum extends Entity {
     public function get_exposer_mapping() {
     	return $this->get_mapped_property('exposer_mapping');
     }
+    
+    /**
+     * Return the semantic_uri
+     *
+     * @return string
+     */
+    function get_semantic_uri(){
+        return $this->get_mapped_property('semantic_uri');
+    }
 
     /**
      * Set the metadatum name
@@ -361,7 +370,16 @@ class Metadatum extends Entity {
     public function set_exposer_mapping( $value ) {
     	$this->set_mapped_property('exposer_mapping', $value);
     }
-	
+    
+    /**
+     * Set Semantic URI for the metadatum
+     *
+     * @param [string] $value
+     * @return void
+     */
+    function set_semantic_uri( $value ){
+        $this->set_mapped_property('semantic_uri', $value);
+    }
 	
 	/**
 	 * Transient property used to store the status of the metadatum for a particular collection
diff --git a/src/classes/repositories/class-tainacan-metadata.php b/src/classes/repositories/class-tainacan-metadata.php
index 7341b8f3a..bdeb61da0 100644
--- a/src/classes/repositories/class-tainacan-metadata.php
+++ b/src/classes/repositories/class-tainacan-metadata.php
@@ -40,6 +40,10 @@ class Metadata extends Repository {
 
     }
 	
+    /**
+     * {@inheritDoc}
+     * @see \Tainacan\Repositories\Repository::get_map()
+     */
     public function get_map() {
     	return apply_filters('tainacan-get-map-'.$this->get_name(), [
 		    'name'               => [
@@ -182,7 +186,15 @@ class Metadata extends Repository {
 			    'validation'  => v::stringType()->in( [ 'yes', 'no', 'never' ] ),
 			    'description' => __( 'Display by default on listing or do not display or never display.', 'tainacan' ),
 			    'default'     => 'yes'
-		    ]
+		    ],
+    	    'semantic_uri'    => [
+    	        'map'         => 'meta',
+    	        'title'       => __( 'The semantic metadatum description URI' ),
+    	        'type'        => __( 'url' ),
+    	        'validation'  => v::optional(v::url()),
+    	        'description' => __( 'The semantic metadatum description URI like: ', 'tainacan' ).'https://schema.org/URL',
+    	        'default'     => ''
+    	    ]
 	    ] );
     }
 	
diff --git a/src/exposers/class-tainacan-exposers.php b/src/exposers/class-tainacan-exposers.php
index 3295639e7..e0f30fc58 100644
--- a/src/exposers/class-tainacan-exposers.php
+++ b/src/exposers/class-tainacan-exposers.php
@@ -403,7 +403,7 @@ class Exposers {
 	                   $metadatum->set_metadata_type('Tainacan\Metadata_Types\Text');
 	               }
 	               $metadatum->set_name($mapper_metadatum['label']);
-	               $metadatum->set_description($mapper_metadatum['URI']);
+	               $metadatum->set_semantic_uri($mapper_metadatum['URI']);
 	               $metadatum->set_exposer_mapping([
 	                   $mapper->slug => $slug
 	               ]);

From 587e2de1218b0af115ce1ed231b5b85273700149 Mon Sep 17 00:00:00 2001
From: Jacson Passold <jacson@passold.com.br>
Date: Fri, 27 Jul 2018 00:32:43 -0300
Subject: [PATCH 2/7] fix test semantic_uri

---
 tests/test-api-exposers.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tests/test-api-exposers.php b/tests/test-api-exposers.php
index 1550b47dd..d2de86517 100644
--- a/tests/test-api-exposers.php
+++ b/tests/test-api-exposers.php
@@ -430,7 +430,7 @@ class TAINACAN_REST_Exposers extends TAINACAN_UnitApiTestCase {
 	    foreach ($metadata as $metadatum) {
 	        $this->assertTrue(array_key_exists($metadatum->get_slug(), $mapper->metadata));
 	        if(! array_key_exists('core_metadatum', $mapper->metadata[$metadatum->get_slug()]) || $mapper->metadata[$metadatum->get_slug()]['core_metadatum'] == false) {
-	           $this->assertEquals($mapper->metadata[$metadatum->get_slug()]['URI'], $metadatum->get_description());
+	            $this->assertEquals($mapper->metadata[$metadatum->get_slug()]['URI'], $metadatum->get_semantic_uri());
 	        }
 	        $this->assertEquals($mapper->metadata[$metadatum->get_slug()]['label'], $metadatum->get_name());
 	    }

From e483a2735426b56089a359c0ad4ce1fefdf34655 Mon Sep 17 00:00:00 2001
From: Mateus Machado Luna <mateus.m.luna@gmail.com>
Date: Fri, 27 Jul 2018 10:30:26 -0300
Subject: [PATCH 3/7] Updates on new color scheme for diferentiating repository
 and collection level.

---
 .../edition/collection-edition-form.vue       |  2 +-
 .../edition/importer-edition-form.vue         |  2 +-
 .../edition/importer-mapping-form.vue         |  6 +--
 .../edition/taxonomy-edition-form.vue         |  2 +-
 src/admin/components/lists/filters-list.vue   | 12 +----
 src/admin/components/lists/metadata-list.vue  |  3 +-
 src/admin/components/lists/terms-list.vue     |  2 +-
 .../tainacan-collection-subheader.vue         | 50 ++++++++++++-------
 .../components/navigation/tainacan-header.vue |  8 +--
 .../tainacan-repository-subheader.vue         |  3 +-
 .../components/navigation/tainacan-title.vue  |  2 +-
 src/admin/components/other/help-button.vue    |  2 +-
 .../components/other/processes-popup.vue      |  2 +-
 .../pages/lists/available-importers-page.vue  |  2 +-
 src/admin/pages/lists/collections-page.vue    |  2 +-
 src/admin/pages/lists/events-page.vue         |  2 +-
 src/admin/pages/lists/filters-page.vue        |  2 +-
 src/admin/pages/lists/items-page.vue          |  6 +--
 src/admin/pages/lists/metadata-page.vue       |  2 +-
 src/admin/pages/lists/taxonomies-page.vue     |  2 +-
 src/admin/pages/singles/event-page.vue        |  2 +-
 src/admin/pages/singles/taxonomy-page.vue     |  2 +-
 src/admin/scss/_selects.scss                  |  2 +-
 src/admin/scss/tainacan-admin.scss            | 31 +++++++++++-
 24 files changed, 90 insertions(+), 61 deletions(-)

diff --git a/src/admin/components/edition/collection-edition-form.vue b/src/admin/components/edition/collection-edition-form.vue
index f6e4a79cf..393431cef 100644
--- a/src/admin/components/edition/collection-edition-form.vue
+++ b/src/admin/components/edition/collection-edition-form.vue
@@ -1,7 +1,7 @@
 <template>
     <div 
             class="page-container"
-            :class="{'primary-page' : isNewCollection }">
+            :class="{'repository-level-page' : isNewCollection }">
         <tainacan-title />
         <form 
                 v-if="collection != null && collection != undefined" 
diff --git a/src/admin/components/edition/importer-edition-form.vue b/src/admin/components/edition/importer-edition-form.vue
index 9faf4ed11..04bf1a181 100644
--- a/src/admin/components/edition/importer-edition-form.vue
+++ b/src/admin/components/edition/importer-edition-form.vue
@@ -1,6 +1,6 @@
 <template>
     <div 
-            class="primary-page page-container">
+            class="repository-level-page page-container">
         <tainacan-title />
         <form 
                 class="tainacan-form" 
diff --git a/src/admin/components/edition/importer-mapping-form.vue b/src/admin/components/edition/importer-mapping-form.vue
index d932ebc05..0f7e58ccb 100644
--- a/src/admin/components/edition/importer-mapping-form.vue
+++ b/src/admin/components/edition/importer-mapping-form.vue
@@ -1,11 +1,11 @@
 <template>
     <div 
-            class="primary-page page-container">
+            class="repository-level-page page-container">
          <div class="tainacan-page-title">
             <h1>{{ $i18n.get('label_metadata_mapping') }} </h1>
             <a 
                     @click="$router.go(-1)"
-                    class="back-link is-secondary">
+                    class="back-link has-text-secondary">
                 {{ $i18n.get('back') }}
             </a>
             <hr>
@@ -119,7 +119,7 @@
                     </b-modal>
                     <a
                             v-if="collectionId != null && collectionId != undefined"
-                            class="is-inline is-pulled-right add-link"
+                            class="is-inline is-pulled-right add-link has-text-secondary"
                             @click="createNewMetadatum()">
                         <b-icon
                                 icon="plus-circle"
diff --git a/src/admin/components/edition/taxonomy-edition-form.vue b/src/admin/components/edition/taxonomy-edition-form.vue
index 603832b7e..c8e52bde4 100644
--- a/src/admin/components/edition/taxonomy-edition-form.vue
+++ b/src/admin/components/edition/taxonomy-edition-form.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <div class="page-container primary-page">
+        <div class="page-container repository-level-page">
             <tainacan-title />
             <b-tabs v-model="activeTab">    
                 <b-tab-item :label="$i18n.get('taxonomy')">
diff --git a/src/admin/components/lists/filters-list.vue b/src/admin/components/lists/filters-list.vue
index 7e1b27bac..c04c12763 100644
--- a/src/admin/components/lists/filters-list.vue
+++ b/src/admin/components/lists/filters-list.vue
@@ -130,7 +130,7 @@
             </div>
             <div class="column available-metadata-area">
                 <div class="field" >
-                    <h3 class="label"> {{ $i18n.get('label_available_metadata') }}</h3>
+                    <h3 class="label has-text-primary"> {{ $i18n.get('label_available_metadata') }}</h3>
                     <draggable
                             v-if="availableMetadatumList.length > 0"
                             v-model="availableMetadatumList"
@@ -466,15 +466,6 @@ export default {
 
     @import "../../scss/_variables.scss";
 
-    .page-title {
-        border-bottom: 1px solid $secondary;
-        h2 {
-            color: $blue5;
-            font-weight: 500;
-        }
-        margin: 1em 0em 2.0em 0em;
-    }
-
     .loading-spinner {
         animation: spinAround 500ms infinite linear;
         border: 2px solid #dbdbdb;
@@ -657,7 +648,6 @@ export default {
         }
 
         h3 {
-            color: $secondary;
             margin: 0.2em 0em 1em -1.2em;
             font-weight: 500;
         }
diff --git a/src/admin/components/lists/metadata-list.vue b/src/admin/components/lists/metadata-list.vue
index 2e75327cd..82490cf58 100644
--- a/src/admin/components/lists/metadata-list.vue
+++ b/src/admin/components/lists/metadata-list.vue
@@ -113,7 +113,7 @@
                 
                     <div class="column available-metadata-area" >
                         <div class="field">
-                            <h3 class="label">{{ $i18n.get('label_available_metadata_types') }}</h3>
+                            <h3 class="label has-text-secondary">{{ $i18n.get('label_available_metadata_types') }}</h3>
                             <draggable 
                                     v-model="availableMetadatumList"
                                     :options="{ 
@@ -935,7 +935,6 @@ export default {
         }
 
         h3 {
-            color: $secondary;
             margin: 0.2em 0em 1em -1.2em;
             font-weight: 500;
         }
diff --git a/src/admin/components/lists/terms-list.vue b/src/admin/components/lists/terms-list.vue
index 538c5f22a..b7dc46507 100644
--- a/src/admin/components/lists/terms-list.vue
+++ b/src/admin/components/lists/terms-list.vue
@@ -31,7 +31,7 @@
                     :key="term.id"
                     @click.prevent="isEditingTerm ? null : loadTerms(term.id)"> 
                 <a
-                        class="is-small"
+                        class="is-small has-text-secondary"
                         type="button"
                         @click="addNewChildTerm(term, index)"
                         :disabled="isEditingTerm">
diff --git a/src/admin/components/navigation/tainacan-collection-subheader.vue b/src/admin/components/navigation/tainacan-collection-subheader.vue
index 3f93a7000..3b67267d3 100644
--- a/src/admin/components/navigation/tainacan-collection-subheader.vue
+++ b/src/admin/components/navigation/tainacan-collection-subheader.vue
@@ -1,18 +1,20 @@
 <template>
     <div
             id="tainacan-subheader" 
-            class="level secondary-page">
-        <div class="level-left">
+            class="secondary-page">
+           
+        <div class="back-button">
+            <button     
+                    @click="$router.go(-1)"
+                    class="button is-turquoise4">
+                <span class="icon">
+                    <i class="mdi mdi-chevron-left"/>
+                </span>
+            </button>
+        </div>
+        <div class="level">      
+                                        <div class="level-left">
             <div class="level-item">
-                <div class="back-button">
-                    <button     
-                            @click="$router.go(-1)"
-                            class="button is-turquoise4">
-                        <span class="icon">
-                            <i class="mdi mdi-chevron-left"/>
-                        </span>
-                    </button>
-                </div>
                 <nav class="breadcrumbs">
                     <router-link 
                             tag="a" 
@@ -32,6 +34,7 @@
                 </nav>
             </div>
         </div>
+   
         <ul class="menu-list level-right">
             <li 
                     :class="activeRoute == 'ItemPage' || activeRoute == 'CollectionItemsPage' || activeRoute == 'ItemEditionForm' || activeRoute == 'ItemCreatePage' ? 'is-active':''" 
@@ -98,6 +101,7 @@
             </li>
           
         </ul>
+        </div>
     </div>
 </template>
 
@@ -220,7 +224,7 @@ export default {
     
     // Tainacan Header
     #tainacan-subheader {
-        background-color: $gray2;
+        background-color: $gray1;
         height: $subheader-height;
         max-height: $subheader-height;
         width: 100%;
@@ -234,6 +238,10 @@ export default {
         left: 0;
         right: 0;
         z-index: 9;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        
         transition: padding 0.3s, height 0.3s;
 
         h1 {
@@ -252,19 +260,21 @@ export default {
 
         .back-button {
             padding: 0;
-            margin: 0 12px 0 0;
+            margin: 0;
             height: 42px;
-            width: 42px;
-            background-color: $turquoise4;
-            color: white;
+            width: $page-side-padding;
+            min-width: $page-side-padding;
+            background-color: $gray1;
+            color: $turquoise4;
             display: flex;
             align-items: center;
 
             button, 
             button:hover, 
             button:focus, 
-            button:active{
-                color: white;
+            button:active {
+                width: 100%;
+                color: $turquoise4;
                 background-color: transparent !important;
                 border: none;
                 .icon i {
@@ -279,6 +289,10 @@ export default {
             color: #1d1d1d;
         }
 
+        .level {
+            width: 100%;
+        }
+
         li{
             margin-right: 0px;
             transition: max-width 0.4s linear, width 0.4s linear;
diff --git a/src/admin/components/navigation/tainacan-header.vue b/src/admin/components/navigation/tainacan-header.vue
index a4fdcf82d..d654ce98b 100644
--- a/src/admin/components/navigation/tainacan-header.vue
+++ b/src/admin/components/navigation/tainacan-header.vue
@@ -64,7 +64,7 @@
             </div>
             <button
                     @click="showProcesses = !showProcesses"
-                    class="button is-small is-gray2 level-item">
+                    class="button is-small is-white level-item">
                 <b-icon icon="swap-vertical"/>
             </button>
             <processes-popup
@@ -154,7 +154,7 @@
 
     // Tainacan Header
     #tainacan-header {
-        background-color: $gray2;
+        background-color: white;
         height: $header-height;
         max-height: $header-height;
         width: 100%;
@@ -191,7 +191,7 @@
                 color: $blue5 !important;
             }
             .button:hover, .button:active, .button:focus {
-                background-color: $gray2 !important;
+                background-color: white !important;
             }
             
             .search-area {
@@ -200,7 +200,7 @@
                 margin-right: 28px;
                 .control {
                     .search-header {
-                        border: 1px solid $gray2 !important;
+                        border: 1px solid $gray3 !important;
                         height: 27px;
                         font-size: 11px;
                         transition: width linear 0.15s;
diff --git a/src/admin/components/navigation/tainacan-repository-subheader.vue b/src/admin/components/navigation/tainacan-repository-subheader.vue
index 4134651f3..66de71bb5 100644
--- a/src/admin/components/navigation/tainacan-repository-subheader.vue
+++ b/src/admin/components/navigation/tainacan-repository-subheader.vue
@@ -4,7 +4,7 @@
             class="level secondary-page"
             :class="{'is-menu-compressed': isMenuCompressed, 'is-repository-level' : isRepositoryLevel}">
         <h1 v-if="isRepositoryLevel">Nome do Site</h1>
-        <h1 v-else>{{ collectionName }}</h1>
+        <h1 v-else>{{ $i18n.get('collection') + '' }} <span class="has-text-weight-bold">{{ collectionName }}</span></h1>
     </div>
 </template>
 
@@ -70,7 +70,6 @@ export default {
 
         h1 {
             font-size: 18px;
-            font-weight: 500;
             color: white;
             line-height: 18px;
             max-width: 100%;
diff --git a/src/admin/components/navigation/tainacan-title.vue b/src/admin/components/navigation/tainacan-title.vue
index 80240175d..0537387c3 100644
--- a/src/admin/components/navigation/tainacan-title.vue
+++ b/src/admin/components/navigation/tainacan-title.vue
@@ -4,7 +4,7 @@
         <h1>{{ pageTitle }} <span class="is-italic has-text-weight-semibold">{{ isRepositoryLevel ? '' : entityName }}</span></h1>
         <a 
                 @click="$router.go(-1)"
-                class="back-link is-secondary">
+                class="back-link has-text-secondary">
             {{ $i18n.get('back') }}
         </a>
         <hr>
diff --git a/src/admin/components/other/help-button.vue b/src/admin/components/other/help-button.vue
index d05e496a8..0de1673ab 100644
--- a/src/admin/components/other/help-button.vue
+++ b/src/admin/components/other/help-button.vue
@@ -1,6 +1,6 @@
 <template>
     <span class="help-wrapper">
-        <a class="help-button">
+        <a class="help-button has-text-secondary">
             <b-icon 
                     size="is-small" 
                     icon="help-circle-outline"/></a>
diff --git a/src/admin/components/other/processes-popup.vue b/src/admin/components/other/processes-popup.vue
index 74f4bc825..e3c085991 100644
--- a/src/admin/components/other/processes-popup.vue
+++ b/src/admin/components/other/processes-popup.vue
@@ -192,7 +192,7 @@ export default {
     }
 
     .processes-popup{
-        background-color: #c1dae0;
+        background-color: $turquoise2;
         width: 320px;
         max-width: 100%;
         position: absolute;
diff --git a/src/admin/pages/lists/available-importers-page.vue b/src/admin/pages/lists/available-importers-page.vue
index 6813858be..3664613b8 100644
--- a/src/admin/pages/lists/available-importers-page.vue
+++ b/src/admin/pages/lists/available-importers-page.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="primary-page page-container">
+    <div class="repository-level-page page-container">
         <tainacan-title />
 
         <h3>{{ $i18n.get('label_available_importers') }}</h3>
diff --git a/src/admin/pages/lists/collections-page.vue b/src/admin/pages/lists/collections-page.vue
index 1f9b9758d..b19c1a1e0 100644
--- a/src/admin/pages/lists/collections-page.vue
+++ b/src/admin/pages/lists/collections-page.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="primary-page page-container">
+    <div class="repository-level-page page-container">
         <b-loading :active.sync="isLoadingMetadatumMappers"/>
         <tainacan-title />
         <div
diff --git a/src/admin/pages/lists/events-page.vue b/src/admin/pages/lists/events-page.vue
index 510666213..d7e73d9a6 100644
--- a/src/admin/pages/lists/events-page.vue
+++ b/src/admin/pages/lists/events-page.vue
@@ -2,7 +2,7 @@
     <div>
         <div
                 :class="{
-                    'primary-page': isRepositoryLevel,
+                    'repository-level-page': isRepositoryLevel,
                     'page-container': isRepositoryLevel
                 }">
             <tainacan-title />
diff --git a/src/admin/pages/lists/filters-page.vue b/src/admin/pages/lists/filters-page.vue
index 731dea5d8..83c59ffaf 100644
--- a/src/admin/pages/lists/filters-page.vue
+++ b/src/admin/pages/lists/filters-page.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="primary-page page-container">
+    <div class="repository-level-page page-container">
         <tainacan-title />
         <filters-list/>
     </div>
diff --git a/src/admin/pages/lists/items-page.vue b/src/admin/pages/lists/items-page.vue
index 6dd01b5e6..7a7cf1740 100644
--- a/src/admin/pages/lists/items-page.vue
+++ b/src/admin/pages/lists/items-page.vue
@@ -1,6 +1,6 @@
 <template>
     <div 
-            :class="{'primary-page': isRepositoryLevel}">
+            :class="{'repository-level-page': isRepositoryLevel}">
 
         <!-- SEARCH AND FILTERS --------------------- -->
         <!-- Filter menu compress button -->
@@ -40,7 +40,7 @@
             </div>
             <a
                     @click="openAdvancedSearch = !openAdvancedSearch"
-                    class="is-size-7 is-secondary is-pulled-right is-hidden-mobile">{{ $i18n.get('advanced_search') }}</a>
+                    class="is-size-7 has-text-secondary is-pulled-right is-hidden-mobile">{{ $i18n.get('advanced_search') }}</a>
 
             <h3 class="has-text-weight-semibold">{{ $i18n.get('filters') }}</h3>
             <a
@@ -368,7 +368,7 @@
                         </div>
                         <a
                                 @click="openAdvancedSearch = !openAdvancedSearch"
-                                class="is-size-7 is-secondary is-pulled-right">{{ $i18n.get('advanced_search') }}</a>
+                                class="is-size-7 has-text-secondary is-pulled-right">{{ $i18n.get('advanced_search') }}</a>
                     </div>
                 </div>
             </div>
diff --git a/src/admin/pages/lists/metadata-page.vue b/src/admin/pages/lists/metadata-page.vue
index 617cebe08..f052bad9c 100644
--- a/src/admin/pages/lists/metadata-page.vue
+++ b/src/admin/pages/lists/metadata-page.vue
@@ -1,5 +1,5 @@
 <template>
-        <div class="primary-page page-container">
+        <div class="repository-level-page page-container">
             <tainacan-title />
             <metadata-list/>
         </div>
diff --git a/src/admin/pages/lists/taxonomies-page.vue b/src/admin/pages/lists/taxonomies-page.vue
index 08a60e644..e2df1e617 100644
--- a/src/admin/pages/lists/taxonomies-page.vue
+++ b/src/admin/pages/lists/taxonomies-page.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <div class="primary-page page-container">
+        <div class="repository-level-page page-container">
             <tainacan-title />
             <div 
                     class="sub-header" 
diff --git a/src/admin/pages/singles/event-page.vue b/src/admin/pages/singles/event-page.vue
index a316afd5d..e7319d300 100644
--- a/src/admin/pages/singles/event-page.vue
+++ b/src/admin/pages/singles/event-page.vue
@@ -1,7 +1,7 @@
 <template>
     <div>
         <div class="is-fullheight">
-            <div class="page-container primary-page">
+            <div class="page-container repository-level-page">
                 <tainacan-title/>
                 <h1 class="event-titles">{{ event.description }}</h1>
                 <div
diff --git a/src/admin/pages/singles/taxonomy-page.vue b/src/admin/pages/singles/taxonomy-page.vue
index ff6ec2a87..6aa8fc586 100644
--- a/src/admin/pages/singles/taxonomy-page.vue
+++ b/src/admin/pages/singles/taxonomy-page.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="columns is-fullheight">
-        <div class="page-container primary-page">
+        <div class="page-container repository-level-page">
             <div class="card">
                 <div class="card-content">
                     <p class="title">
diff --git a/src/admin/scss/_selects.scss b/src/admin/scss/_selects.scss
index 09d0af163..5e9464741 100644
--- a/src/admin/scss/_selects.scss
+++ b/src/admin/scss/_selects.scss
@@ -11,7 +11,7 @@
         margin-bottom: 0px !important;
         color: $tainacan-input-color;
         option:checked, option:hover {
-            background-color: $turquoise1 !important;
+            background-color: $gray1 !important;
         }
         &:focus, &:active {
             box-shadow: none !important;
diff --git a/src/admin/scss/tainacan-admin.scss b/src/admin/scss/tainacan-admin.scss
index 3f83bf5ad..11cd3735e 100644
--- a/src/admin/scss/tainacan-admin.scss
+++ b/src/admin/scss/tainacan-admin.scss
@@ -64,14 +64,41 @@ a:hover {
     }
 }
 
-// Page settings
-.primary-page {
+// Repository-level pages
+.repository-level-page {
     margin-top: 94px; 
     height: $page-height !important;
 
     @media screen and (max-width: 769px) {
         margin-top: 0; 
     }
+
+    .is-primary, .is-primary:hover, .is-primary:focus {
+        background-color: $blue4 !important;
+    }
+    .is-secondary, .is-secondary:hover, .is-secondary:focus {
+        background-color: $blue5 !important;
+    }
+    .has-text-primary, .has-text-primary:hover, .is-has-text-primary:focus {
+        color: $blue4 !important;
+    }
+    a, a:hover,
+    .has-text-secondary, .has-text-secondary:hover, .is-has-text-secondary:focus {
+        color: $blue5 !important;
+    }
+    .tabs {
+        li.is-active a {
+            border-bottom: 5px solid $blue5;
+            color: $blue5; 
+        }
+    }
+    .select:not(.is-multiple)::after {
+        color: $blue5;
+
+        option:checked, option:hover {
+            background-color: $gray1 !important;
+        }
+    }
 }
 // Generic page container
 .page-container {

From 05374f7553034c69535ae6009b9ab976ef77d481 Mon Sep 17 00:00:00 2001
From: Jacson Passold <jacson@passold.com.br>
Date: Fri, 27 Jul 2018 11:16:55 -0300
Subject: [PATCH 4/7] add admin interface Semantic Uri form field

---
 .../components/edition/metadatum-edition-form.vue | 15 +++++++++++++++
 src/admin/tainacan-admin-i18n.php                 |  1 +
 2 files changed, 16 insertions(+)

diff --git a/src/admin/components/edition/metadatum-edition-form.vue b/src/admin/components/edition/metadatum-edition-form.vue
index 78345c9a4..13af50a97 100644
--- a/src/admin/components/edition/metadatum-edition-form.vue
+++ b/src/admin/components/edition/metadatum-edition-form.vue
@@ -40,6 +40,21 @@
                     v-model="editForm.description"
                     @focus="clearErrors('description')"/>
         </b-field>
+            
+        <b-field
+                :addons="false">
+            <label class="label is-inline">
+                {{ $i18n.get('label_semantic_uri') }}
+                <help-button
+                        :title="$i18n.getHelperTitle('metadata', 'semantic_uri')"
+                        :message="$i18n.getHelperMessage('metadata', 'semantic_uri')"/>
+            </label>
+            <b-input
+                    v-model="editForm.semantic_uri"
+                    name="semantic_uri"
+                    type="url"
+                    @focus="clearErrors('semantic_uri')"/>
+        </b-field>
 
         <b-field
                 :addons="false"
diff --git a/src/admin/tainacan-admin-i18n.php b/src/admin/tainacan-admin-i18n.php
index 49fe01cf9..4465faa23 100644
--- a/src/admin/tainacan-admin-i18n.php
+++ b/src/admin/tainacan-admin-i18n.php
@@ -271,6 +271,7 @@ return apply_filters( 'tainacan-admin-i18n', [
 	'label_max_options_to_show'                      => __( 'Max options to show', 'tainacan' ),
 	'label_unamed_process'                       	 => __( 'Unamed process', 'tainacan' ),
 	'label_import_collection'                      	 => __( 'Import collection', 'tainacan' ),
+    'label_semantic_uri'                      	     => __( 'Semantic Uri', 'tainacan' ),
 
 	// Instructions. More complex sentences to guide user and placeholders
 	'instruction_delete_selected_collections'        => __( 'Delete selected collections', 'tainacan' ),

From cc4271181b02684149c9f99115833d42aa8c3527 Mon Sep 17 00:00:00 2001
From: Jacson Passold <jacson@passold.com.br>
Date: Fri, 27 Jul 2018 11:32:06 -0300
Subject: [PATCH 5/7] change super to parent

---
 src/importer/class-tainacan-csv.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/importer/class-tainacan-csv.php b/src/importer/class-tainacan-csv.php
index 0d01dd38d..bc1cde265 100644
--- a/src/importer/class-tainacan-csv.php
+++ b/src/importer/class-tainacan-csv.php
@@ -134,7 +134,7 @@ class CSV extends Importer {
      * @return Tainacan\Entities\Item Item inserted
      */
     public function insert( $processed_item, $collection_index ) {
-        $inserted_item = super::insert( $processed_item, $collection_index );
+        $inserted_item = parent::insert( $processed_item, $collection_index );
 
         $column_document = $this->get_option('document_index');
         $column_attachment = $this->get_option('attachment_index');

From f88f7e2b4affdf61fee569a95df125ce59108bcb Mon Sep 17 00:00:00 2001
From: Mateus Machado Luna <mateus.m.luna@gmail.com>
Date: Fri, 27 Jul 2018 12:32:57 -0300
Subject: [PATCH 6/7] More color adustments and removes hover animation from
 Collection subheader menu.

---
 src/admin/components/lists/filters-list.vue   | 37 ++++++++++++-
 src/admin/components/lists/metadata-list.vue  | 32 ++++++++++-
 .../tainacan-collection-subheader.vue         | 53 ++++++++++---------
 .../components/navigation/tainacan-header.vue |  2 +-
 4 files changed, 95 insertions(+), 29 deletions(-)

diff --git a/src/admin/components/lists/filters-list.vue b/src/admin/components/lists/filters-list.vue
index c04c12763..88091cd18 100644
--- a/src/admin/components/lists/filters-list.vue
+++ b/src/admin/components/lists/filters-list.vue
@@ -37,7 +37,8 @@
                             :class="{
                                 'not-sortable-item': filter.id == undefined || openedFilterId != '' || choosenMetadatum.name == filter.name,
                                 'not-focusable-item': openedFilterId == filter.id, 
-                                'disabled-filter': filter.enabled == false
+                                'disabled-filter': filter.enabled == false,
+                                'inherited-filter': filter.collection_id != collectionId || isRepositoryLevel
                             }" 
                             v-for="(filter, index) in activeFilterList" 
                             :key="index">
@@ -130,7 +131,7 @@
             </div>
             <div class="column available-metadata-area">
                 <div class="field" >
-                    <h3 class="label has-text-primary"> {{ $i18n.get('label_available_metadata') }}</h3>
+                    <h3 class="label has-text-secondary"> {{ $i18n.get('label_available_metadata') }}</h3>
                     <draggable
                             v-if="availableMetadatumList.length > 0"
                             v-model="availableMetadatumList"
@@ -141,6 +142,7 @@
                             }">
                         <div 
                                 class="available-metadatum-item"
+                                :class="{'inherited-metadatum': metadatum.collection_id != collectionId || isRepositoryLevel}"
                                 v-if="metadatum.enabled"
                                 v-for="(metadatum, index) in availableMetadatumList"
                                 :key="index"
@@ -733,5 +735,36 @@ export default {
         }
     }
 
+   .inherited-filter {
+        &.active-filter-item:hover:not(.not-sortable-item) {
+            background-color: $blue5;
+            border-color: $blue5;
+            
+            .switch.is-small {
+                input[type="checkbox"] + .check {
+                    background-color: $blue5 !important;
+                } 
+                &:hover input[type="checkbox"] + .check {
+                    background-color: $blue5 !important;
+                }
+            }
+        }
+    }
+    .inherited-metadatum {
+
+        &.available-metadatum-item:hover {
+            background-color: $blue5 !important;
+            border-color: $blue5 !important;
+        
+            &:after {
+                border-color: transparent $blue5 transparent transparent !important;
+            }
+            &:before {
+                border-color: transparent $blue5 transparent transparent !important;
+            }
+
+        }
+    }
+
 </style>
 
diff --git a/src/admin/components/lists/metadata-list.vue b/src/admin/components/lists/metadata-list.vue
index 82490cf58..4652d3666 100644
--- a/src/admin/components/lists/metadata-list.vue
+++ b/src/admin/components/lists/metadata-list.vue
@@ -41,7 +41,8 @@
                                     :class="{
                                         'not-sortable-item': metadatum.id == undefined || openedMetadatumId != '' ,
                                         'not-focusable-item': openedMetadatumId == metadatum.id,
-                                        'disabled-metadatum': metadatum.enabled == false
+                                        'disabled-metadatum': metadatum.enabled == false,
+                                        'inherited-metadatum': metadatum.collection_id != collectionId || isRepositoryLevel
                                     }" 
                                     v-for="(metadatum, index) in activeMetadatumList"
                                     :key="index">
@@ -124,7 +125,7 @@
                                 <div 
                                         @click.prevent="addMetadatumViaButton(metadatum)"
                                         class="available-metadatum-item"
-                                        :class="{ 'hightlighted-metadatum' : hightlightedMetadatum == metadatum.name }"
+                                        :class="{ 'hightlighted-metadatum' : hightlightedMetadatum == metadatum.name, 'inherited-metadatum': isRepositoryLevel }"
                                         v-for="(metadatum, index) in availableMetadatumList"
                                         :key="index">
                                 <grip-icon/>  
@@ -1093,6 +1094,33 @@ export default {
             
         }
     }
+    .inherited-metadatum {
+        &.active-metadatum-item:hover:not(.not-sortable-item) {
+            background-color: $blue5;
+            border-color: $blue5;
+            
+            .switch.is-small {
+                input[type="checkbox"] + .check {
+                    background-color: $blue5 !important;
+                } 
+                &:hover input[type="checkbox"] + .check {
+                    background-color: $blue5 !important;
+                }
+            }
+        }
+        &.available-metadatum-item:hover {
+            background-color: $blue5 !important;
+            border-color: $blue5 !important;
+        
+            &:after {
+                border-color: transparent $blue5 transparent transparent !important;
+            }
+            &:before {
+                border-color: transparent $blue5 transparent transparent !important;
+            }
+
+        }
+    }
     #mappers-options-dropdown {
         background-color: transparent;
         color: #fff;
diff --git a/src/admin/components/navigation/tainacan-collection-subheader.vue b/src/admin/components/navigation/tainacan-collection-subheader.vue
index 3b67267d3..bef9e007a 100644
--- a/src/admin/components/navigation/tainacan-collection-subheader.vue
+++ b/src/admin/components/navigation/tainacan-collection-subheader.vue
@@ -254,8 +254,6 @@ export default {
             text-overflow: ellipsis;
             white-space: nowrap;
             overflow: hidden;  
-            -webkit-transition: margin-bottom 0.2s linear; /* Safari */
-            transition: margin-bottom 0.2s linear; 
         }
 
         .back-button {
@@ -295,10 +293,10 @@ export default {
 
         li{
             margin-right: 0px;
-            transition: max-width 0.4s linear, width 0.4s linear;
-            -webkit-transition: max-width 0.4s linear, width 0.4s linear;
-            overflow: hidden;
-            max-width: 50px;
+            // transition: max-width 0.4s ease-in , width 0.4s ease-in ;
+            // -webkit-transition: max-width 0.4s ease-in, width 0.4s ease-in ;
+            // overflow: hidden;
+            // max-width: 50px;
 
             &.is-active {
                 background-color: $turquoise4;
@@ -312,20 +310,26 @@ export default {
                 }
             }
             &:hover {
-                max-width: 100%;
-                transition: max-width 0.4s linear, width 0.4s linear;
-                -webkit-transition: max-width 0.4s linear, width 0.4s linear;
-                 a {
-                     background-color: transparent;
-                     text-decoration: none; 
-                 }
-                .menu-text {
-                    opacity: 1.0;
-                    width: 100%;
-                    visibility: visible;
-                    transition: opacity 0.2s linear, visibility 0.2s linear, width 0.4s linear;
-                    -webkit-transition: opacity 0.2s linear, visibility 0.2s linear, width 0.4s linear;
+                background-color: $turquoise3;
+                // max-width: 100%;
+                // transition: max-width 0.4s ease-out  0.2s, width 0.4s ease-out  0.2s;
+                // -webkit-transition: max-width 0.4s ease-out  0.2s, width 0.4s ease-out  0.2s;
+                a {
+                    background-color: transparent;
+                    text-decoration: none; 
+                    color: white;
                 }
+                svg.activities-icon {
+                    fill: white !important;
+                }
+                // .menu-text {
+                //     opacity: 1.0;
+                //     width: 100%;
+                //     right: 0%;
+                //     visibility: visible;
+                //     transition: opacity 0.4s ease-out 0.2s, visibility 0.4s ease-out  0.2s, width 0.4s ease-out  0.2s, right 0.4s ease-out  0.2s;
+                //     -webkit-transition: opacity 0.4s ease-out  0.2s , visibility 0.4s ease-out  0.2s, width 0.4s ease-out  0.2s, right 0.4s ease-out  0.2s;
+                // }
             }
             a {
                 color: $gray4;
@@ -351,11 +355,12 @@ export default {
             .menu-text {
                 font-size: 14px;
                 display: inline-flex;
-                width: 0px;
-                opacity: 0.0;
-                visibility: hidden;
-                transition: opacity 0.2s linear, visibility 0.2s linear, width 0.4s linear;
-                -webkit-transition: opacity 0.2s linear, visibility 0.2s linear, width 0.4s linear;
+                // width: 0px;
+                // right: 100%;
+                // opacity: 0.0;
+                // visibility: hidden;
+                // transition: opacity 0.4s ease-in, visibility 0.4s ease-in , width 0.2s ease-in, right 0.2s ease-in;
+                // -webkit-transition: opacity 0.4s ease-in, visibility 0.4s ease-in, width 0.2s ease-in, right 0.2s ease-in;
             }
         }
 
diff --git a/src/admin/components/navigation/tainacan-header.vue b/src/admin/components/navigation/tainacan-header.vue
index d654ce98b..9c48d3ddd 100644
--- a/src/admin/components/navigation/tainacan-header.vue
+++ b/src/admin/components/navigation/tainacan-header.vue
@@ -200,7 +200,7 @@
                 margin-right: 28px;
                 .control {
                     .search-header {
-                        border: 1px solid $gray3 !important;
+                        border: 1px solid $gray2 !important;
                         height: 27px;
                         font-size: 11px;
                         transition: width linear 0.15s;

From baed66b2e5e1e328019aad94c11bdd8bd29f03c8 Mon Sep 17 00:00:00 2001
From: Mateus Machado Luna <mateus.m.luna@gmail.com>
Date: Fri, 27 Jul 2018 14:44:05 -0300
Subject: [PATCH 7/7] More adjustments on Ref. 87. Adds function to get
 repository name.

---
 src/admin/class-tainacan-admin.php            |  1 +
 .../components/navigation/primary-menu.vue    | 33 +++++++++++------
 .../tainacan-collection-subheader.vue         |  9 +++--
 .../tainacan-repository-subheader.vue         |  7 +++-
 .../components/other/activities-icon.vue      |  5 ++-
 .../components/other/processes-popup.vue      |  7 ++--
 .../components/other/taxonomies-icon.vue      | 29 +++++++++++++++
 .../scss/_dropdown-and-autocomplete.scss      |  2 +-
 src/admin/scss/_tables.scss                   |  1 +
 src/admin/scss/tainacan-admin.scss            | 36 +++++++++++++++++++
 10 files changed, 110 insertions(+), 20 deletions(-)
 create mode 100644 src/admin/components/other/taxonomies-icon.vue

diff --git a/src/admin/class-tainacan-admin.php b/src/admin/class-tainacan-admin.php
index 35eb25ba7..1b4dbc7e9 100644
--- a/src/admin/class-tainacan-admin.php
+++ b/src/admin/class-tainacan-admin.php
@@ -180,6 +180,7 @@ class Admin {
 			'admin_url'              => admin_url(),
 			'custom_header_support'  => get_theme_support('custom-header'),
 			'registered_view_modes'  => \Tainacan\Theme_Helper::get_instance()->get_registered_view_modes(),
+			'repository_name'		 => get_bloginfo('name')
 		];
 
 		$maps = [
diff --git a/src/admin/components/navigation/primary-menu.vue b/src/admin/components/navigation/primary-menu.vue
index 9bbcaa87b..5334ef307 100644
--- a/src/admin/components/navigation/primary-menu.vue
+++ b/src/admin/components/navigation/primary-menu.vue
@@ -37,9 +37,9 @@
                             tag="a"
                             to="/metadata"
                             :class="activeRoute == 'MetadataPage' ? 'is-active':''">
-                        <b-icon
-                                size="is-small"
-                                icon="format-list-bulleted-type"/>
+                        <span class="icon">
+                            <i class="mdi mdi-format-list-bulleted-type"/>
+                        </span>
                         <span class="menu-text">{{ $i18n.getFrom('metadata', 'name') }}</span>
                     </router-link>
                 </li>
@@ -48,9 +48,9 @@
                             tag="a"
                             to="/filters"
                             :class="activeRoute == 'FiltersPage' ? 'is-active':''">
-                        <b-icon
-                                size="is-small"
-                                icon="filter"/>
+                        <span class="icon">
+                            <i class="mdi mdi-filter"/>
+                        </span>
                         <span class="menu-text">{{ $i18n.getFrom('filters', 'name') }}</span>
                     </router-link>
                 </li>
@@ -59,9 +59,7 @@
                             tag="a"
                             to="/taxonomies"
                             :class="activeRoute == 'Page' ? 'is-active':''">
-                        <b-icon
-                                size="is-small"
-                                icon="shape"/>
+                        <taxonomies-icon />
                         <span class="menu-text">{{ $i18n.getFrom('taxonomies', 'name') }}</span>
                     </router-link>
                 </li>
@@ -81,6 +79,8 @@
 
 <script>
 import ActivitiesIcon from '../other/activities-icon.vue';
+import TaxonomiesIcon from '../other/taxonomies-icon.vue';
+
 export default {
     name: 'PrimaryMenu',
     props: {
@@ -88,7 +88,8 @@ export default {
         activeRoute: '/collections'
     },
     components: {
-        ActivitiesIcon
+        ActivitiesIcon,
+        TaxonomiesIcon
     },
 }
 </script>
@@ -144,6 +145,18 @@ export default {
 
                 .activities-icon {
                     fill: white;
+                    margin-bottom: -4px;
+                }
+                .taxonomies-icon {
+                    fill: white;
+                    margin-bottom: -2px;
+                }
+                .icon {
+                    height: auto;
+                    width: auto;
+                    i {
+                        font-size: 18px !important;
+                    }
                 }
             }
 
diff --git a/src/admin/components/navigation/tainacan-collection-subheader.vue b/src/admin/components/navigation/tainacan-collection-subheader.vue
index bef9e007a..140cd5f54 100644
--- a/src/admin/components/navigation/tainacan-collection-subheader.vue
+++ b/src/admin/components/navigation/tainacan-collection-subheader.vue
@@ -293,6 +293,7 @@ export default {
 
         li{
             margin-right: 0px;
+            transition: background-color 0.2s ease;
             // transition: max-width 0.4s ease-in , width 0.4s ease-in ;
             // -webkit-transition: max-width 0.4s ease-in, width 0.4s ease-in ;
             // overflow: hidden;
@@ -302,10 +303,12 @@ export default {
                 background-color: $turquoise4;
                 a { 
                     background-color: $turquoise4;
+                    transition: background-color 0.2s ease;
                     color: white;
                     text-decoration: none;
                 }
                 svg.activities-icon {
+                    transition: fill 0.2s ease;
                     fill: white !important;
                 }
             }
@@ -335,11 +338,13 @@ export default {
                 color: $gray4;
                 text-align: center;
                 white-space: nowrap;
-                padding: 1.0em 10px;
+                padding: 10px;
                 min-width: 50px;
                 line-height: 22px;
                 border-radius: 0px;
                 position: relative;
+                align-items: center;
+                display: flex;
             }
             a:focus{
                 box-shadow: none;
@@ -347,12 +352,12 @@ export default {
             .icon {
                 margin: 0;
                 padding: 0;
-
                 i {
                     font-size: 19px !important;
                 }
             }
             .menu-text {
+                margin-left: 8px;
                 font-size: 14px;
                 display: inline-flex;
                 // width: 0px;
diff --git a/src/admin/components/navigation/tainacan-repository-subheader.vue b/src/admin/components/navigation/tainacan-repository-subheader.vue
index 66de71bb5..8c0461c1c 100644
--- a/src/admin/components/navigation/tainacan-repository-subheader.vue
+++ b/src/admin/components/navigation/tainacan-repository-subheader.vue
@@ -3,7 +3,7 @@
             id="tainacan-repository-subheader" 
             class="level secondary-page"
             :class="{'is-menu-compressed': isMenuCompressed, 'is-repository-level' : isRepositoryLevel}">
-        <h1 v-if="isRepositoryLevel">Nome do Site</h1>
+        <h1 v-if="isRepositoryLevel">{{ repositoryName }}</h1>
         <h1 v-else>{{ $i18n.get('collection') + '' }} <span class="has-text-weight-bold">{{ collectionName }}</span></h1>
     </div>
 </template>
@@ -13,6 +13,11 @@ import { mapActions, mapGetters } from 'vuex';
 
 export default {
     name: 'TainacanRepositorySubheader',
+    data() {
+        return {
+            repositoryName: tainacan_plugin.repository_name
+        }
+    },
     props: {
         isMenuCompressed: false,
         isRepositoryLevel: true
diff --git a/src/admin/components/other/activities-icon.vue b/src/admin/components/other/activities-icon.vue
index fe80f448e..c49352a4e 100644
--- a/src/admin/components/other/activities-icon.vue
+++ b/src/admin/components/other/activities-icon.vue
@@ -4,8 +4,8 @@
 xmlns="http://www.w3.org/2000/svg" 
 x="0px" 
 y="0px"
-width="22" 
-height="22" 
+width="20" 
+height="20" 
 viewBox="0 0 24 24" 
 class="activities-icon" 
 xml:space="preserve">
@@ -25,7 +25,6 @@ export default {
 <style type="text/scss">
 
 	svg.activities-icon {
-        margin-bottom: -5px;
         fill: #898d8f;
     }
     
diff --git a/src/admin/components/other/processes-popup.vue b/src/admin/components/other/processes-popup.vue
index e3c085991..a8ff22452 100644
--- a/src/admin/components/other/processes-popup.vue
+++ b/src/admin/components/other/processes-popup.vue
@@ -192,7 +192,7 @@ export default {
     }
 
     .processes-popup{
-        background-color: $turquoise2;
+        background-color: $blue2;
         width: 320px;
         max-width: 100%;
         position: absolute;
@@ -220,6 +220,7 @@ export default {
         }
         .popup-footer { 
             padding: 4px 12px 6px 10px; 
+            min-height: 29px;
             .footer-title { 
                 margin-right: auto;
                 font-size: 0.625rem;
@@ -244,7 +245,7 @@ export default {
             }
 
             li:hover {
-                background-color: $gray2;
+                background-color: $gray1;
 
                 .action-icon{
                     visibility: visible;
@@ -318,7 +319,7 @@ export default {
             border-style: solid;
         }
         &:before {
-            border-color: transparent transparent $turquoise2 transparent;
+            border-color: transparent transparent $blue2 transparent;
             border-right-width: 8px;
             border-bottom-width: 8px;
             border-left-width: 8px;
diff --git a/src/admin/components/other/taxonomies-icon.vue b/src/admin/components/other/taxonomies-icon.vue
new file mode 100644
index 000000000..210bc6b1b
--- /dev/null
+++ b/src/admin/components/other/taxonomies-icon.vue
@@ -0,0 +1,29 @@
+<template>
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   height="16"
+   width="16"
+   xml:space="preserve"
+   viewBox="0 0 20 20"
+   y="0px"
+   x="0px"
+   class="taxonomies-icon"> 
+<path
+   d="M 0,0 H 9 V 9 H 0 V 0 M 15.5,0 C 18,0 20,2 20,4.5 20,7 18,9 15.5,9 13,9 11,7 11,4.5 11,2 13,0 15.5,0 M 4.5,12 9,20 H 0 L 4.5,12 M 17,15 h 3 v 2 h -3 v 3 h -2 v -3 h -3 v -2 h 3 v -3 h 2 z"
+/>
+</svg>
+</template>
+
+<script>
+export default {
+    name: 'TaxonomiesIcon'
+}
+</script>
+
+<style type="text/scss">
+
+	svg.taxonomies-icon {
+        fill: #898d8f;
+    }
+    
+</style>
diff --git a/src/admin/scss/_dropdown-and-autocomplete.scss b/src/admin/scss/_dropdown-and-autocomplete.scss
index 27ba0ff00..73f2eb9d7 100644
--- a/src/admin/scss/_dropdown-and-autocomplete.scss
+++ b/src/admin/scss/_dropdown-and-autocomplete.scss
@@ -28,7 +28,7 @@
                 label { margin-bottom: 0; }
                 &.control { font-size: 13px !important; }
                 .b-checkbox { width: 100% };
-                &:hover { background-color: $turquoise1; }
+                &:hover { background-color: $gray1; }
                 .is-small { color: $gray4; }
                 &.is-active { background-color: $turquoise2; }
             }
diff --git a/src/admin/scss/_tables.scss b/src/admin/scss/_tables.scss
index b7615a398..ad961a5ac 100644
--- a/src/admin/scss/_tables.scss
+++ b/src/admin/scss/_tables.scss
@@ -211,3 +211,4 @@
         }
     }
 }
+
diff --git a/src/admin/scss/tainacan-admin.scss b/src/admin/scss/tainacan-admin.scss
index 11cd3735e..fb3fc7cf9 100644
--- a/src/admin/scss/tainacan-admin.scss
+++ b/src/admin/scss/tainacan-admin.scss
@@ -75,9 +75,11 @@ a:hover {
 
     .is-primary, .is-primary:hover, .is-primary:focus {
         background-color: $blue4 !important;
+        color: white !important;
     }
     .is-secondary, .is-secondary:hover, .is-secondary:focus {
         background-color: $blue5 !important;
+        color: white !important;
     }
     .has-text-primary, .has-text-primary:hover, .is-has-text-primary:focus {
         color: $blue4 !important;
@@ -99,6 +101,40 @@ a:hover {
             background-color: $gray1 !important;
         }
     }
+    .tainacan-table {
+        tr.selected-row { 
+            background-color: $blue1 !important; 
+            .checkbox-cell .checkbox, .actions-cell .actions-container {
+                background-color: $blue2 !important;
+            }
+        }
+    }
+    .dropdown-trigger {
+        .button .icon {
+            color: $blue5;
+        }
+    }
+    .dropdown-menu .dropdown-content {
+        .dropdown-item.is-active { background-color: $blue2; }
+    }
+
+    .switch {
+        &:hover input[type="checkbox"]:checked + .check {
+            background-color: $blue2;
+        }
+        input[type="checkbox"]:checked + .check {
+            border: 2px solid $blue5;
+    
+            &::before {
+                background-color: $blue5;
+            }
+        }
+        &.is-small {
+            input[type="checkbox"]:checked + .check {
+                border: 1.5px solid $blue5;
+            }
+        }
+    }
 }
 // Generic page container
 .page-container {