FunctionalHacker/hugo-toha
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

buttons, cards, and texts edits for colors

Browse source
This commit is contained in:
Sharwin24 2024-12-29 13:24:15 -08:00
parent 9068511515
commit 93505a658e
3 changed files with 23 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

9
assets/styles/components/buttons.scss
View file

@ -1,5 +1,5 @@
.btn-dark { .btn-dark {
background-color: get-light-color('text-color') !important; background-color: get-light-color('bg-card') !important;
border-color: get-light-color('text-color') !important; border-color: get-light-color('text-color') !important;
color: get-light-color('text-over-accent-color') !important; color: get-light-color('text-over-accent-color') !important;
@include transition(); @include transition();
@ -51,6 +51,7 @@
.navbar-toggler { .navbar-toggler {
border: none; border: none;
&:focus { &:focus {
border: none; border: none;
outline: none !important; outline: none !important;
@ -61,6 +62,7 @@
.tags { .tags {
text-align: left; text-align: left;
padding-top: 0.5em; padding-top: 0.5em;
li { li {
font-size: 0.5em; font-size: 0.5em;
list-style-type: none; list-style-type: none;
@ -70,6 +72,7 @@
margin-top: 0.6em; margin-top: 0.6em;
margin-bottom: 0.6em; margin-bottom: 0.6em;
} }
a { a {
text-decoration: none !important; text-decoration: none !important;
} }
@ -121,6 +124,7 @@
color: get-light-color('text-over-accent-color') !important; color: get-light-color('text-over-accent-color') !important;
@include transition(); @include transition();
} }
&:focus { &:focus {
&::before { &::before {
content: 'Copied!'; content: 'Copied!';
@ -203,6 +207,7 @@ html[data-theme='dark'] {
background-color: get-dark-color('hover-over-accent-color') !important; background-color: get-dark-color('hover-over-accent-color') !important;
} }
} }
.copy-code-button { .copy-code-button {
background-color: get-dark-color('bg-primary') !important; background-color: get-dark-color('bg-primary') !important;
color: get-dark-color('muted-text-color') !important; color: get-dark-color('muted-text-color') !important;
@ -214,4 +219,4 @@ html[data-theme='dark'] {
color: get-dark-color('text-over-accent-color') !important; color: get-dark-color('text-over-accent-color') !important;
} }
} }
} }

10
assets/styles/components/cards.scss
View file

@ -9,6 +9,7 @@
box-shadow: $box-shadow; box-shadow: $box-shadow;
border: 1px solid get-light-color('bg-primary'); border: 1px solid get-light-color('bg-primary');
@include transition(); @include transition();
.card-img-top { .card-img-top {
transform: scale(1.2); transform: scale(1.2);
object-fit: cover; object-fit: cover;
@ -32,7 +33,7 @@
.card-img-top { .card-img-top {
-o-object-fit: cover; -o-object-fit: cover;
object-fit: cover; object-fit: cover;
@include transition(); @include transition();
} }
@ -48,6 +49,7 @@
.card-footer { .card-footer {
background: get-light-color('bg-card') !important; background: get-light-color('bg-card') !important;
a.btn { a.btn {
text-decoration: none !important; text-decoration: none !important;
} }
@ -72,7 +74,7 @@
.card-img-top { .card-img-top {
transform: scale(1.2); transform: scale(1.2);
-o-object-fit: cover; -o-object-fit: cover;
object-fit: cover; object-fit: cover;
@include transition(); @include transition();
} }
} }
@ -92,6 +94,7 @@
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
} }
} }
.card-footer { .card-footer {
margin-top: auto; margin-top: auto;
@ -112,6 +115,7 @@ html[data-theme='dark'] {
&:focus { &:focus {
border: 1px solid rgba(get-dark-color('accent-color'), 0.2); border: 1px solid rgba(get-dark-color('accent-color'), 0.2);
} }
.card-footer { .card-footer {
background: get-dark-color('bg-card') !important; background: get-dark-color('bg-card') !important;
} }
@ -126,4 +130,4 @@ html[data-theme='dark'] {
} }
} }
} }
} }

11
assets/styles/components/texts.scss
View file

@ -6,6 +6,10 @@ h5 {
color: get-light-color('heading-color'); color: get-light-color('heading-color');
} }
h6 {
color: get-light-color('text-color');
}
strong { strong {
color: get-light-color('heading-color') !important; color: get-light-color('heading-color') !important;
} }
@ -26,7 +30,7 @@ blockquote {
padding: 0.3rem; padding: 0.3rem;
padding-left: 1rem; padding-left: 1rem;
& > p { &>p {
color: get-light-color('text-color'); color: get-light-color('text-color');
margin-top: 0.5rem; margin-top: 0.5rem;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
@ -68,6 +72,7 @@ blockquote {
} }
html[data-theme='dark'] { html[data-theme='dark'] {
h1, h1,
h2, h2,
h3, h3,
@ -106,6 +111,7 @@ html[data-theme='dark'] {
.sub-title { .sub-title {
color: get-dark-color('muted-text-color'); color: get-dark-color('muted-text-color');
} }
::-moz-selection { ::-moz-selection {
@include selection-color($theme: 'dark'); @include selection-color($theme: 'dark');
} }
@ -113,8 +119,9 @@ html[data-theme='dark'] {
::selection { ::selection {
@include selection-color($theme: 'dark'); @include selection-color($theme: 'dark');
} }
li, li,
ul { ul {
color: get-dark-color('text-color'); color: get-dark-color('text-color');
} }
} }