boost/website-v2
2
0
Fork 0
mirror of https://github.com/boostorg/website-v2.git synced 2026-01-19 04:42:17 +00:00
Code Issues Projects Releases Wiki Activity

🐛 fixes font colors in docs header

Browse Source
This commit is contained in:
Greg Newman
2023-08-18 11:19:26 -04:00
parent 90cc5d3f80
commit 706c283f8d
5 changed files with 49 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/styles.css
View File

@@ -56,11 +56,11 @@
@apply hidden;
}
/* Generic link style */
a:not(.link-header):not(.link-none), .link {
@apply text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange;
@apply group-hover:text-orange dark:group-hover:text-orange;
@apply fill-current;
}
/*a:not(.link-header):not(.link-none), .link {*/
/* @apply text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange;*/
/* @apply group-hover:text-orange dark:group-hover:text-orange;*/
/* @apply fill-current;*/
/*}*/
.link-header {
@apply text-orange dark:text-orange hover:text-sky-600 dark:hover:text-sky-300;

2
static/css/docsstyles.css
View File

File diff suppressed because one or more lines are too long

101
static/css/styles.css
View File

@@ -756,39 +756,15 @@ input[type=file] {
/* Generic link style */
a:not(.link-header):not(.link-none), .link {
--tw-text-opacity: 1;
color: rgb(2 132 199 / var(--tw-text-opacity));
}
/*a:not(.link-header):not(.link-none), .link {*/
a:not(.link-header):not(.link-none):hover, .link:hover {
--tw-text-opacity: 1;
color: rgb(255 159 0 / var(--tw-text-opacity));
}
/* @apply text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange;*/
.dark a:not(.link-header):not(.link-none),.dark .link {
--tw-text-opacity: 1;
color: rgb(125 211 252 / var(--tw-text-opacity));
}
/* @apply group-hover:text-orange dark:group-hover:text-orange;*/
.dark a:not(.link-header):not(.link-none):hover,.dark .link:hover {
--tw-text-opacity: 1;
color: rgb(255 159 0 / var(--tw-text-opacity));
}
/* @apply fill-current;*/
.group:hover a:not(.link-header):not(.link-none),.group:hover .link {
--tw-text-opacity: 1;
color: rgb(255 159 0 / var(--tw-text-opacity));
}
.dark .group:hover a:not(.link-header):not(.link-none),.dark .group:hover .link {
--tw-text-opacity: 1;
color: rgb(255 159 0 / var(--tw-text-opacity));
}
a:not(.link-header):not(.link-none), .link {
fill: currentColor;
}
/*}*/
.link-header {
--tw-text-opacity: 1;
@@ -1789,6 +1765,12 @@ select.dropdown {
margin-bottom: calc(2.75rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
@@ -1819,12 +1801,6 @@ select.dropdown {
margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-x-11 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(2.75rem * var(--tw-space-x-reverse));
@@ -2495,6 +2471,11 @@ select.dropdown {
color: rgb(156 163 175 / var(--tw-text-opacity));
}
.text-red-600 {
--tw-text-opacity: 1;
color: rgb(220 38 38 / var(--tw-text-opacity));
}
.text-charcoal {
--tw-text-opacity: 1;
color: rgb(23 42 52 / var(--tw-text-opacity));
@@ -2534,11 +2515,6 @@ select.dropdown {
color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.text-red-600 {
--tw-text-opacity: 1;
color: rgb(220 38 38 / var(--tw-text-opacity));
}
.underline {
text-decoration-line: underline;
}
@@ -2662,36 +2638,23 @@ select.dropdown {
border-width: 0px;
}
.visited\:text-slate:visited {
color: rgb(49 74 87 );
}
.hover\:bg-gray-100:hover {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.hover\:bg-white\/60:hover {
background-color: rgb(255 255 255 / 0.6);
}
.hover\:bg-orange\/90:hover {
background-color: rgb(255 159 0 / 0.9);
}
.hover\:bg-orange\/60:hover {
background-color: rgb(255 159 0 / 0.6);
}
.hover\:bg-orange\/70:hover {
background-color: rgb(255 159 0 / 0.7);
}
.hover\:bg-charcoal:hover {
--tw-bg-opacity: 1;
background-color: rgb(23 42 52 / var(--tw-bg-opacity));
}
.hover\:bg-orange\/80:hover {
background-color: rgb(255 159 0 / 0.8);
}
.hover\:bg-white\/60:hover {
background-color: rgb(255 255 255 / 0.6);
}
.hover\:text-orange:hover {
--tw-text-opacity: 1;
color: rgb(255 159 0 / var(--tw-text-opacity));
@@ -2707,6 +2670,10 @@ select.dropdown {
color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.hover\:no-underline:hover {
text-decoration-line: none;
}
.hover\:shadow-\[0_0_5px_5px_rgba\(0\2c 0\2c 0\2c 0\.05\)\]:hover {
--tw-shadow: 0 0 5px 5px rgba(0,0,0,0.05);
--tw-shadow-colored: 0 0 5px 5px var(--tw-shadow-color);
@@ -2813,15 +2780,15 @@ select.dropdown {
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.dark .dark\:bg-green\/40 {
background-color: rgb(90 213 153 / 0.4);
}
.dark .dark\:bg-slate {
--tw-bg-opacity: 1;
background-color: rgb(49 74 87 / var(--tw-bg-opacity));
}
.dark .dark\:bg-green\/40 {
background-color: rgb(90 213 153 / 0.4);
}
.dark .dark\:bg-opacity-10 {
--tw-bg-opacity: 0.1;
}
@@ -2877,6 +2844,10 @@ select.dropdown {
--tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));
}
.dark .dark\:visited\:text-white:visited {
color: rgb(255 255 255 );
}
.dark .dark\:hover\:bg-slate:hover {
--tw-bg-opacity: 1;
background-color: rgb(49 74 87 / var(--tw-bg-opacity));

2
templates/account/signup.html
View File

@@ -19,7 +19,7 @@
{% blocktrans %}Already have an account? Then please <a href="{{ login_url }}">log in</a>.{% endblocktrans %}
</p>
</div>
<div class="w-full">
<div class="w-full md:flex md:divide-x divide-gray-200 space-y-11 md:space-y-0">

12
templates/includes/_header.html
View File

@@ -21,11 +21,11 @@
<div class="flex pt-1 w-full">
<nav class="relative items-center pl-6 space-x-4 w-full text-lg text-left md:space-x-6 lg:space-x-10">
<a href="{% url 'news' %}" class="font-semibold dark:font-medium dark:text-white text-slate dark:hover:text-orange hover:text-orange link-none">News</a>
<a href="{% url 'docs' %}" class="font-semibold dark:font-medium dark:text-white text-slate dark:hover:text-orange hover:text-orange link-none">Learn</a>
<a href="{% url 'community' %}" class="font-semibold dark:font-medium dark:text-white text-slate dark:hover:text-orange hover:text-orange link-none">Community</a>
<a href="{% url 'libraries' %}" class="font-semibold dark:font-medium dark:text-white text-slate dark:hover:text-orange hover:text-orange link-none">Libraries</a>
<a href="{% url 'releases-most-recent' %}" class="font-semibold dark:font-medium dark:text-white text-slate dark:hover:text-orange hover:text-orange link-none">Releases</a>
<a href="{% url 'news' %}" class="hover:no-underline font-semibold dark:font-medium dark:text-white dark:visited:text-white text-slate visited:text-slate dark:hover:text-orange hover:text-orange link-none">News</a>
<a href="{% url 'docs' %}" class="hover:no-underline font-semibold dark:font-medium dark:text-white dark:visited:text-white text-slate visited:text-slate dark:hover:text-orange hover:text-orange link-none">Learn</a>
<a href="{% url 'community' %}" class="hover:no-underline font-semibold dark:font-medium dark:text-white dark:visited:text-white text-slate visited:text-slate dark:hover:text-orange hover:text-orange link-none">Community</a>
<a href="{% url 'libraries' %}" class="hover:no-underline font-semibold dark:font-medium dark:text-white dark:visited:text-white text-slate visited:text-slate dark:hover:text-orange hover:text-orange link-none">Libraries</a>
<a href="{% url 'releases-most-recent' %}" class="hover:no-underline font-semibold dark:font-medium dark:text-white dark:visited:text-white visited:text-slate text-slate dark:hover:text-orange hover:text-orange link-none">Releases</a>
</nav>
<nav class="float-right items-center space-x-3 w-[200px] text-right lg:space-x-5" x-data="{ 'searchOpen': false }">
<span class="relative">
@@ -125,7 +125,7 @@
<span x-data="{ 'userOpen': false }" class="relative">
{% if not user.is_authenticated %}
<a href="{% url 'account_signup' %}" class="inline font-medium dark:text-white text-charcoal dark:hover:text-orange hover:text-orange">Join</a>
<a href="{% url 'account_signup' %}" class="hover:no-underline inline font-medium dark:text-white dark:visited:text-white text-slate visited:text-slate dark:hover:text-orange hover:text-orange">Join</a>
{% else %}
{% if user.image %}
<img src="{{ user.image.url }}" alt="user" class="inline -mt-1 rounded cursor-pointer w-[30px]" @click="userOpen = !userOpen" />