MaDgIK
/
openaire-theme
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Comment alerts, link, tab css. Change dark and grey color

This commit is contained in:
Konstantinos Triantafyllou 2022-03-10 16:05:23 +02:00
parent 173f177ada
commit 2db91f0277
6 changed files with 28 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
css/structure/alert.css
View File

@ -1,4 +1,4 @@
.uk-alert-warning, .uk-alert-danger, .uk-alert-success{ /*.uk-alert-warning, .uk-alert-danger, .uk-alert-success{
background: #fff; background: #fff;
color: #4b4b4b; color: #4b4b4b;
} }
@ -14,5 +14,5 @@
.uk-alert-success{ .uk-alert-success{
border: #19eea5 solid 1px; border: #19eea5 solid 1px;
} }*/

40
css/structure/link.css
View File

@ -1,25 +1,25 @@
:root { /*:root {*/
--link-color: var(--primary-color); /* --link-color: var(--primary-color);*/
--link-color-hover: var(--secondary-color); /* --link-color-hover: var(--secondary-color);*/
} /*}*/
/*.uk-button-text, .uk-button-text:hover { /*.uk-button-text, .uk-button-text:hover {*/
color: var(--link-color); /* color: var(--link-color);*/
} /*}*/
.uk-button-text.uk-disabled, .uk-button-text:hover.uk-disabled { /*.uk-button-text.uk-disabled, .uk-button-text:hover.uk-disabled {*/
color: var(--disable-color); /* color: var(--disable-color);*/
}*/ /*}*/
.uk-link, a { /*.uk-link, a {*/
color: var(--link-color); /* color: var(--link-color);*/
} /*}*/
.uk-link-muted { /*.uk-link-muted {*/
color: var(--disable-color); /* color: var(--disable-color);*/
} /*}*/
.uk-link:hover, .uk-link-toggle:hover, .uk-link-muted:hover, .uk-link-text:hover, .uk-link-heading:hover { /*.uk-link:hover, .uk-link-toggle:hover, .uk-link-muted:hover, .uk-link-text:hover, .uk-link-heading:hover {*/
color: var(--link-color-hover) !important; /* color: var(--link-color-hover) !important;*/
text-decoration: underline !important; /* text-decoration: underline !important;*/
} /*}*/

5
css/structure/pill.css
View File

@ -1,9 +1,4 @@
:root { :root {
/* Main Pills*/
--pill-color: var(--dark-color);
--pill-shadow-hover: none;
--pill-shadow-active: -15px -15px 20px rgb(255 255 255 / 30%), 15px 15px 20px rgb(0 0 0 / 10%);
/* Alternative Pills*/ /* Alternative Pills*/
--pill-alt-color: var(--grey-color); --pill-alt-color: var(--grey-color);
--pill-alt-background: var(--secondary-color); --pill-alt-background: var(--secondary-color);

4
css/structure/slider.css
View File

@ -1,6 +1,6 @@
:root { :root {
--slider-dot-background: #d1d1d1; --slider-dot-background: rgba(var(--primary-color-rgb), 0.5);
--slider-dot-active-background: #4687e6; --slider-dot-active-background: var(--primary-color);
} }
.uk-dotnav > .uk-active > *, .uk-dotnav > * > *:hover { .uk-dotnav > .uk-active > *, .uk-dotnav > * > *:hover {

2
css/structure/tab.css
View File

@ -1,3 +1,4 @@
/*
:root { :root {
--tab-bar-border: 2px solid var(--muted-color); --tab-bar-border: 2px solid var(--muted-color);
--tab-color: var(--placeholder-color); --tab-color: var(--placeholder-color);
@ -28,3 +29,4 @@
border-bottom: var(--tab-border-active); border-bottom: var(--tab-border-active);
font-weight: 600; font-weight: 600;
} }
*/

4
css/structure/variables.css
View File

@ -6,8 +6,8 @@
--secondary-color: #3C8DEE; --secondary-color: #3C8DEE;
--secondary-color-rgb: 48, 134, 237; --secondary-color-rgb: 48, 134, 237;
--dark-color: #2C2C2C; --dark-color: #000000;
--grey-color: #4B4B4B; --grey-color: #2C2C2C;
--placeholder-color: #8E8E8E; --placeholder-color: #8E8E8E;
--disable-color: #B3B3B3; --disable-color: #B3B3B3;
--muted-color: #EAEAEA; --muted-color: #EAEAEA;