diff --git a/src/archive-tainacan-collection.php b/src/archive-tainacan-collection.php
index e37964f..a814f34 100644
--- a/src/archive-tainacan-collection.php
+++ b/src/archive-tainacan-collection.php
@@ -9,7 +9,7 @@
-
+
-
diff --git a/src/assets/css/spectrum.css b/src/assets/css/spectrum.css
index 75ee8e3..fe9ec77 100644
--- a/src/assets/css/spectrum.css
+++ b/src/assets/css/spectrum.css
@@ -395,7 +395,7 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
line-height: 16px;
float:left;
font-size:10px;
- color: #298596;
+ color: var(--tainacan-interface--link-color, #298596);
}
.sp-preview {
position:relative;
diff --git a/src/assets/scss/_comments.scss b/src/assets/scss/_comments.scss
index 4f77a64..7b03102 100644
--- a/src/assets/scss/_comments.scss
+++ b/src/assets/scss/_comments.scss
@@ -1,9 +1,11 @@
#comments{
+ border-top-color: var(--tainacan-interface--link-color, #298596) !important;
+
div[for=comment]{
span{
font-size: 1.125rem;
}
- .authenticated{
+ .authenticated {
font-size: 0.625rem;
}
}
@@ -147,7 +149,7 @@
}
}
.comment-reply-link, .comment-edit-link{
- color: #2cb4c1;
+ color: var(--tainacan-interface--link-color, #298596);
font-size: 0.75rem;
}
}
diff --git a/src/assets/scss/_footer.scss b/src/assets/scss/_footer.scss
index 6931bc7..e226fed 100644
--- a/src/assets/scss/_footer.scss
+++ b/src/assets/scss/_footer.scss
@@ -9,6 +9,9 @@ footer.tainacan-footer {
text-decoration: none;
}
}
+ .tainacan-footer-area-separator {
+ background-color: var(--tainacan-interface--link-color, #298596);
+ }
.tainacan-footer-widgets-area {
@media only screen and (max-width: 991px){
@@ -169,7 +172,7 @@ footer.tainacan-footer {
}
}
&.tainacan-footer-colored {
- background-color: #298596;
+ background-color: var(--tainacan-interface--link-color, #298596);
a {
color: #e6f6f8;
}
diff --git a/src/assets/scss/_gutenberg-support.scss b/src/assets/scss/_gutenberg-support.scss
index 14c0f64..9d77ff7 100644
--- a/src/assets/scss/_gutenberg-support.scss
+++ b/src/assets/scss/_gutenberg-support.scss
@@ -17,6 +17,12 @@
.has-purple-background-color { background-color: #4751a3 !important; }
.has-violet-color { color: #955ba5 !important; }
.has-violet-background-color { background-color: #955ba5 !important; }
+.has-white-color { color: #ffffff !important; }
+.has-white-background-color { background-color: #ffffff !important; }
+.has-lightgray-color { color: #f2f2f2 !important; }
+.has-lightgray-background-color { background-color: #f2f2f2 !important; }
+.has-darkgray-color { color: #555758 !important; }
+.has-darkgray-background-color { background-color: #555758 !important; }
.alignwide {
margin-left: calc(-8.3333333333vw + 3.1%) !important;
@@ -74,17 +80,24 @@
}
/* Buttons */
+.wp-block-buttons {
+ align-items: center;
+}
.wp-block-button {
margin-bottom: 1rem;
.btn {
font-size: 0.875rem;
padding: .25rem 1.125rem;
+ border-color: transparent;
+ }
+ &:not(.is-style-outline) .btn.btn-jelly-bean {
+ background-color: var(--tainacan-interface--link-color, #298596);
}
}
.wp-block-button.is-style-outline .btn {
- background: white !important;
- color: #298596;
- border: 1px solid #555758 !important
+ background: transparent !important;
+ color: var(--tainacan-interface--link-color, #298596);
+ border: 1px solid #555758 !important;
}
.wp-block-button.aligncenter,
.wp-block-button.alignleft,
diff --git a/src/assets/scss/_header-taxonomy.scss b/src/assets/scss/_header-taxonomy.scss
index 916bdf2..2f7565c 100644
--- a/src/assets/scss/_header-taxonomy.scss
+++ b/src/assets/scss/_header-taxonomy.scss
@@ -64,7 +64,7 @@
}
> .page-header-content-title {
width: 100%;
- border-color: #298596 !important;
+ border-color: var(--tainacan-interface--link-color, #298596) !important;
.page-header-title {
color: #01295c;
font: {
@@ -98,7 +98,7 @@
padding-right: 0;
}
a {
- color: #298596;
+ color: var(--tainacan-interface--link-color, #298596);
font: {
size: inherit;
weight: 400;
@@ -149,7 +149,7 @@
}
}
.icon-export {
- background-color: #298596;
+ background-color: var(--tainacan-interface--link-color, #298596);
color: #fff;
border-radius: 100%;
padding: .282rem .4rem;
diff --git a/src/assets/scss/_home-collection.scss b/src/assets/scss/_home-collection.scss
index 5aea4c3..ff47d28 100644
--- a/src/assets/scss/_home-collection.scss
+++ b/src/assets/scss/_home-collection.scss
@@ -126,91 +126,6 @@
}
}
-/* .collection-header--share {
- width: 100px;
- height: 100px;
- position: absolute;
- right: 0;
- border-radius: 50%;
- transition: all 0.5s;
- margin-right: 4.16666666667%;
- bottom: 0;
- .collection-header--share-button {
- border: none;
- color: #2c2d2d;
- background-color: #fff;
- border-radius: 50%;
- width: 100px;
- height: 100px;
- position: absolute;
- right: 0;
- height: 30px !important;
- width: 30px !important;
- margin-right: 4.16666666667%;
- position: absolute;
- bottom: -1rem;
- &:hover {
- background-color: #fff;
- }
- &:focus{
- outline:none;
- }
- }
-
- #collection-header--share-button-plus {
- transition: all 0.5s;
- }
-
- #fa-1, #fa-2, #fa-3 {
- position: absolute;
- color: #2c2d2d;
- background-color: #fff;
- border-radius: 50%;
- border: none;
- right: 0;
- transition: all 0.5s;
- height: 30px !important;
- width: 30px !important;
- margin-right: 4.16666666667%;
- right: 0;
- bottom: -1rem;
- }
- #fa-1, #fa-2, #fa-3 {
- &:hover{
- tansition-delay: 0s;
- color: #ff8db3;
- }
- }
- &.open {
- height: 100px;
- width: 100px;
- right: 0;
- .fab {
- background-color: #fff;
- box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15), 0px 4px 8px rgba(0, 0, 0, 0.2);
- }
- #plus {
- -webkit-transform: rotateZ(135deg) translate(-1px, 3px);
- transform: rotateZ(135deg) translate(-1px, 3px);
- }
- #fa-1 {
- transition-delay: 0s;
- -webkit-transform: translate(-53px, 10px);
- transform: translate(-53px, 10px);
- }
- #fa-2 {
- transition-delay: 0.1s;
- -webkit-transform: translate(-38px, -39px);
- transform: translate(-38px, -39px);
- }
- #fa-3 {
- transition-delay: 0.2s;
- -webkit-transform: translate(10px, -53px);
- transform: translate(10px, -53px);
- }
- }
-} */
-
.absolute-center {
position: absolute;
top: 50%;
diff --git a/src/assets/scss/_simple-search.scss b/src/assets/scss/_simple-search.scss
index 2edaba7..017147b 100644
--- a/src/assets/scss/_simple-search.scss
+++ b/src/assets/scss/_simple-search.scss
@@ -6,7 +6,7 @@
box-shadow: none;
}
&::after {
- color: #298596;
+ color: var(--tainacan-interface--link-color, #298596);
}
}
&.dropdown-sorting{
diff --git a/src/assets/scss/_single-item-collection.scss b/src/assets/scss/_single-item-collection.scss
index c66f1b9..cf830b9 100644
--- a/src/assets/scss/_single-item-collection.scss
+++ b/src/assets/scss/_single-item-collection.scss
@@ -24,7 +24,7 @@
.title-content-items {
font-size: 1.125rem !important;
font-weight: 500;
- color: #338591;
+ color: var(--tainacan-interface--link-color, #298596);
margin-left: 4.16666666667%;
margin-right: 4.16666666667%;
margin-left: 4.16666666667vw;
@@ -153,6 +153,10 @@
min-height: 10vh;
position: relative;
+ .tainacan-media-component {
+ --swiper-navigation-color: var(--tainacan-interface--link-color, #298596);
+ }
+
.tainacan-item-file-download {
position: absolute;
opacity: 0;
@@ -164,7 +168,7 @@
right: calc(50% - 18px);
cursor: pointer;
font-size: 0;
- background-color: #298596;
+ background-color: var(--tainacan-interface--link-color, #298596);
color: white;
transition: opacity 0.3s ease, transform 0.3s ease, font-size 0.3s ease;
@@ -311,7 +315,7 @@
width: 45px;
line-height: 0px;
font-size: 3.75rem;
- color: #298596;
+ color: var(--tainacan-interface--link-color, #298596);
cursor: pointer;
background: transparent;
top: 50%;
@@ -388,7 +392,7 @@
.slick-current{
font-weight: bold;
img {
- border-bottom: 4px solid #298596;
+ border-bottom: 4px solid var(--tainacan-interface--link-color, #298596);
}
}
}
diff --git a/src/assets/scss/_tainacan-items-list.scss b/src/assets/scss/_tainacan-items-list.scss
new file mode 100644
index 0000000..4495749
--- /dev/null
+++ b/src/assets/scss/_tainacan-items-list.scss
@@ -0,0 +1,6 @@
+.tainacan-modal,
+.theme-items-list,
+.vue-tooltip-theme {
+ --tainacan-secondary: var(--tainacan-interface--link-color, #298596);
+ --tainacan-primary: var(--tainacan-interface--tooltip-color, #e6f6f8);
+}
\ No newline at end of file
diff --git a/src/assets/scss/_variables.scss b/src/assets/scss/_variables.scss
new file mode 100644
index 0000000..94c4d5f
--- /dev/null
+++ b/src/assets/scss/_variables.scss
@@ -0,0 +1,6 @@
+/* CSS Variables for the theme palette */
+:root {
+ --tainacan-interface--link-color: #298596;
+ --tainacan-interface--tooltip-color: #e6f6f8;
+ --tainacan-block-primary: var(--tainacan-interface--link-color, #298596);
+}
\ No newline at end of file
diff --git a/src/assets/scss/editor-style.scss b/src/assets/scss/editor-style.scss
index cff6230..095351f 100644
--- a/src/assets/scss/editor-style.scss
+++ b/src/assets/scss/editor-style.scss
@@ -1,3 +1,5 @@
+@import url('./_variables.scss');
+
.editor-styles-wrapper {
background: white;
padding: 3rem 0px 0px 0px !important;
@@ -28,6 +30,12 @@
.has-purple-background-color { background-color: #4751a3 }
.has-violet-color { color: #955ba5 }
.has-violet-background-color { background-color: #955ba5 }
+ .has-white-color { color: #ffffff; }
+ .has-white-background-color { background-color: #ffffff; }
+ .has-lightgray-color { color: #f2f2f2; }
+ .has-lightgray-background-color { background-color: #f2f2f2; }
+ .has-darkgray-color { color: #555758; }
+ .has-darkgray-background-color { background-color: #555758; }
// Editor Block list side spacing
.editor-block-list__layout,
@@ -92,8 +100,8 @@
padding: 0;
max-width: calc(1400px - 4.1666667%);
width: calc(100% - 8.33333%);
- border-bottom: 2px solid #298596;
- border-bottom: 2px solid var(--tainacan-color-default, #298596);
+ border-bottom: 2px solid var(--tainacan-interface--link-color, #298596);
+ border-bottom: 2px solid var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
&>.wp-block {
margin: 0 !important;
@@ -106,8 +114,8 @@
font-family: 'Roboto', sans-serif;
textarea {
padding: 3px 6px;
- color: #298596;
- color: var(--tainacan-color-default, #298596);
+ color: var(--tainacan-interface--link-color, #298596);
+ color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
}
}
@@ -157,8 +165,8 @@
.wp-block[data-type="core/heading"] h1,
h1.wp-block[data-type="core/heading"] {
font-size: 1.802rem;
- color: #298596;
- color: var(--tainacan-color-default, #298596);
+ color: var(--tainacan-interface--link-color, #298596);
+ color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
padding-top: .4rem;
margin-bottom: .5rem;
}
@@ -239,14 +247,14 @@
line-height: 1.2rem;
}
.components-button.is-button.is-primary {
- background-color: #298596;
- background-color: var(--tainacan-color-default, #298596);
+ background-color: var(--tainacan-interface--link-color, #298596);
+ background-color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
}
.components-button.is-button.is-default {
background: white;
border: 1px solid #555758;
- color: #298596;
- color: var(--tainacan-color-default, #298596);
+ color: var(--tainacan-interface--link-color, #298596);
+ color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
}
.components-icon-button:hover:not(.is-default),
.components-icon-button:focus:not(.is-default),
@@ -267,19 +275,19 @@
}
.wp-block-button__link {
&:not(.has-background) {
- background-color: #298596;
- background-color: var(--tainacan-color-default, #298596);
+ background-color: var(--tainacan-interface--link-color, #298596);
+ background-color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
}
- border-radius: 6px;
+ border-radius: 4px;
font-size: 0.875rem;
padding: 6px 18px;
}
.is-style-outline .wp-block-button__link {
- background-color: white;
+ background-color: transparent !important;
border: 1px solid #555758;
&:not(.has-text-color) {
- color: #298596;
- color: var(--tainacan-color-default, #298596);
+ color: var(--tainacan-interface--link-color, #298596);
+ color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
}
}
.is-style-squared .wp-block-button__link {
@@ -367,7 +375,7 @@
height: 32px;
margin: 0 12px 32px 12px;
padding: 0;
- border-bottom: 1px solid var(--tainacan-color-default, #298596);
+ border-bottom: 1px solid var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
.components-modal__header-heading,
h1 {
@@ -390,7 +398,7 @@
font-family: 'Roboto', sans-serif;
}
.wp-block-quote:not(.is-style-large):not(.is-large) {
- border-left: 2px solid var(--tainacan-color-default, #298596);
+ border-left: 2px solid var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
}
.wp-block-quote__citation {
font-weight: 500;
@@ -403,8 +411,8 @@
/* Pullquote */
.wp-block-pullquote {
&:not(.is-style-solid-color) {
- border-top: 2px solid var(--tainacan-color-default, #298596);
- border-bottom: 2px solid var(--tainacan-color-default, #298596);
+ border-top: 2px solid var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
+ border-bottom: 2px solid var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
}
padding: 0;
@@ -420,8 +428,8 @@
}
:not(.has-text-color) .block-library-pullquote__content.editor-rich-text p,
:not(.has-text-color) .rich-text.block-editor-rich-text__editable p {
- color: #298596;
- color: var(--tainacan-color-default, #298596);
+ color: var(--tainacan-interface--link-color, #298596);
+ color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
}
.wp-block-pullquote__citation {
color: #555758;
@@ -435,8 +443,8 @@
/* Separator */
.wp-block-separator {
&:not(.has-background-color) {
- border-color: #298596;
- border-color: var(--tainacan-color-default, #298596);
+ border-color: var(--tainacan-interface--link-color, #298596);
+ border-color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
}
width: 50%;
max-width: 300px;
@@ -445,8 +453,8 @@
}
&.is-style-dots {
&:not(.has-background-color)::before {
- color: #298596;
- color: var(--tainacan-color-default, #298596);
+ color: var(--tainacan-interface--link-color, #298596);
+ color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
}
&::before {
font-weight: 600;
@@ -464,8 +472,8 @@
/* Code */
.wp-block-code textarea {
- color: #298596;
- color: var(--tainacan-color-default, #298596);
+ color: var(--tainacan-interface--link-color, #298596);
+ color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
}
/* Tables */
@@ -524,15 +532,15 @@
/* Extra title group class, that can be added for styling special headings */
.wp-block-group.tainacan-group-heading {
.wp-block-heading {
- color: #298596 !important;
- color: var(--tainacan-color-default, #298596) !important;
+ color: var(--tainacan-interface--link-color, #298596) !important;
+ color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596)) !important;
}
h1:not(.has-text-color),
h2:not(.has-text-color),
h3:not(.has-text-color),
h4:not(.has-text-color) {
- color: #298596 !important;
- color: var(--tainacan-color-default, #298596);
+ color: var(--tainacan-interface--link-color, #298596) !important;
+ color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
}
h1.wp-block-heading,
h1:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size) {
@@ -559,8 +567,8 @@
hr.wp-block-separator:not(.is-style-wide) {
margin-left: 0;
max-width: 200px;
- border-color: #298596;
- border-color: var(--tainacan-color-default, #298596);
+ border-color: var(--tainacan-interface--link-color, #298596);
+ border-color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
}
hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
border-width: 2px;
diff --git a/src/assets/scss/style.scss b/src/assets/scss/style.scss
index 4e5e914..d36e2b1 100644
--- a/src/assets/scss/style.scss
+++ b/src/assets/scss/style.scss
@@ -13,13 +13,15 @@ Tags: two-columns, right-sidebar, grid-layout, flexible-header, custom-colors, c
Text Domain: tainacan-interface
*/
+@import '_variables';
+
body{
font-family: 'Roboto' !important;
overflow-x: hidden;
a{
- color: #298596;
+ color: var(--tainacan-interface--link-color, #298596);
&:hover{
- color: #298596;
+ color: var(--tainacan-interface--link-color, #298596);
}
}
&.error404 {
@@ -71,7 +73,7 @@ body{
.wp-block-code {
code {
font-size: 0.875rem;
- color: #298596;
+ color: var(--tainacan-interface--link-color, #298596);
word-break: break-word;
}
}
@@ -93,7 +95,7 @@ body{
font-style: italic;
}
&:not(.is-style-large) {
- border-left: 2px solid #298596;
+ border-left: 2px solid var(--tainacan-interface--link-color, #298596);
}
&.is-style-large {
font-size: 1.375rem;
@@ -127,7 +129,7 @@ body{
h2:not(.has-text-color),
h3:not(.has-text-color),
h4:not(.has-text-color) {
- color: #298596;
+ color: var(--tainacan-interface--link-color, #298596);
}
p {
font-style: italic;
@@ -332,7 +334,7 @@ body{
padding: 0;
&:not(.is-style-solid-color) {
- border-color:#298596;
+ border-color:var(--tainacan-interface--link-color, #298596);
border-top-width: 2px;
border-bottom-width: 2px;
border-top-style: solid;
@@ -348,7 +350,7 @@ body{
font-weight: 500;
}
:not(.has-text-color) p {
- color: #298596;
+ color: var(--tainacan-interface--link-color, #298596);
}
cite {
color: #555758;
@@ -501,7 +503,7 @@ body.loading-content main:before {
right: 4.16666666667%;
right: 4.16666666667vw;
background: rgb(0, 0, 0);
- background: #4ea2ad;
+ background: var(--tainacan-interface--link-color, #298596);
width: 36px;
height: 36px;
text-decoration: none;
@@ -576,7 +578,7 @@ nav {
}
&[data-toggle='dropdown']{
&::after{
- color: #298596;
+ color: var(--tainacan-interface--link-color, #298596);
margin-left: 5px;
}
}
@@ -727,7 +729,7 @@ nav {
white-space: nowrap;
position: relative;
&::after{
- color: #298596;
+ color: var(--tainacan-interface--link-color, #298596);
margin-left: 10px;
margin-bottom: -2px;
}
@@ -744,7 +746,7 @@ nav {
position: absolute;
left: 0;
bottom: 0.375rem;
- background-color: #298596;
+ background-color: var(--tainacan-interface--link-color, #298596);
}
}
&.dropdown-item {
@@ -769,7 +771,7 @@ nav {
&.current_page_item,
&.current-menu-item {
> a {
- border-bottom: 1px solid #298596;
+ border-bottom: 1px solid var(--tainacan-interface--link-color, #298596);
padding: 0;
margin-top: 0.5rem;
padding-right: .5rem;
@@ -824,7 +826,7 @@ nav {
.breadcrumb-item + .breadcrumb-item{
&:before{
content: ">";
- color: #298596;
+ color: var(--tainacan-interface--link-color, #298596);
}
}
}
@@ -1166,7 +1168,7 @@ nav {
.tainacan-title{
.tainacan-title-page{
margin-bottom: 0.75rem;
- border-bottom: 2px solid #298596;
+ border-bottom: 2px solid var(--tainacan-interface--link-color, #298596);
.title-page h1{
font-size: 1.25rem !important;
font-weight: bold;
@@ -1325,3 +1327,5 @@ nav {
@import "_lightbox";
@import "_single-item-collection";
+
+@import "_tainacan-items-list";
diff --git a/src/comments.php b/src/comments.php
index 38b42d1..12b68cf 100644
--- a/src/comments.php
+++ b/src/comments.php
@@ -15,7 +15,7 @@ if ( post_password_required() ) {
return;
}
?>
-