diff --git a/assets/styles/components/tables.scss b/assets/styles/components/tables.scss index a9b5a00..6fd362b 100644 --- a/assets/styles/components/tables.scss +++ b/assets/styles/components/tables.scss @@ -3,6 +3,7 @@ table { border: 1px solid rgba(get-light-color('accent-color'), 0.1); min-width: 10rem; padding: 0.1rem; + thead { tr { background: get-light-color('accent-color'); @@ -14,14 +15,17 @@ table { tr { height: 40px !important; color: get-light-color('text-color'); + &:nth-child(odd) { background-color: get-light-color('bg-primary'); } + &:nth-child(even) { background-color: rgba(get-light-color('accent-color'), 0.05); } } } + th, td { padding-top: 0.2rem; @@ -48,6 +52,7 @@ table { border-left: unset !important; border-bottom: unset !important; } + td, tc { border-right: 1px solid rgba(get-light-color('accent-color'), 0.1); @@ -56,7 +61,7 @@ table { thead { tr { background: unset !important; - color: unset !important; + color: get-light-color('text-over-accent-color'); } } @@ -65,6 +70,7 @@ table { &:nth-child(odd) { background-color: unset !important; } + &:hover { background: unset !important; } @@ -76,6 +82,7 @@ table { html[data-theme='dark'] { table { border: 1px solid rgba(get-dark-color('accent-color'), 0.1); + thead { tr { background: get-dark-color('accent-color'); @@ -86,29 +93,35 @@ html[data-theme='dark'] { tbody { tr { color: get-dark-color('text-color'); + &:nth-child(odd) { background-color: get-dark-color('bg-primary'); } + &:nth-child(even) { background-color: rgba(get-dark-color('accent-color'), 0.05); } } } } + .gist { - &::-moz-selection{ + &::-moz-selection { background: get-dark-color('text-color'); color: get-dark-color('inverse-text-color'); } - &::selection{ + + &::selection { background: get-dark-color('text-color'); color: get-dark-color('inverse-text-color'); } + table { + td, tc { border-right: 1px solid rgba(get-dark-color('accent-color'), 0.1); } } } -} +} \ No newline at end of file diff --git a/assets/styles/layouts/main.scss b/assets/styles/layouts/main.scss index 509c313..f9fc58f 100644 --- a/assets/styles/layouts/main.scss +++ b/assets/styles/layouts/main.scss @@ -8,6 +8,9 @@ html { scroll-behavior: smooth !important; } +$body-color: #ffffff; + +/* Custom body color */ body { position: relative; } @@ -19,13 +22,21 @@ body { :target::before { content: ''; display: block; - height: 2em; /* fixed header height*/ - margin: -2em 0 0; /* negative fixed header height */ + height: 2em; + /* fixed header height*/ + margin: -2em 0 0; + /* negative fixed header height */ } body { background-color: get-light-color('bg-primary'); font-family: 'Mulish'; + color: #ffffff !important; +} + +:root { + --bs-body-color: white; + /* Change the global default text color */ } .bg-primary { @@ -47,12 +58,13 @@ body { } .content { - ul > ol, - ol > ul, - ul > ul, - ol > ol, - li > ol, - li > ul { + + ul>ol, + ol>ul, + ul>ul, + ol>ol, + li>ol, + li>ul { padding-inline-start: 1rem; } } @@ -68,6 +80,7 @@ mark { } @include media('<=small') { + .skills-section, .projects-section, .publications-section { @@ -101,14 +114,17 @@ html[data-theme='dark'] { .bg-primary { background-color: get-dark-color('bg-primary') !important; } + .bg-secondary { background-color: get-dark-color('bg-secondary') !important; } + kbd { background-color: get-dark-color('accent-color'); color: get-dark-color('text-over-accent-color'); } + mark { background-color: get-dark-color('highlight-color'); } -} +} \ No newline at end of file diff --git a/layouts/tags/list.html b/layouts/tags/list.html index 18dedec..9c46c28 100644 --- a/layouts/tags/list.html +++ b/layouts/tags/list.html @@ -16,7 +16,7 @@