From cdaba6b4653da991f76efe70d3bb4fbd35c29dbf Mon Sep 17 00:00:00 2001 From: Nathan Melehan Date: Mon, 7 Oct 2024 11:49:06 -0400 Subject: [PATCH] Theme updates - Update colors to fit Akamai brand guidelines - Update header and footer --- .../assets/css/components/forms.css | 2 +- .../assets/css/components/note.css | 15 +- .../assets/css/sections/content.css | 4 +- .../linode-docs-theme/assets/css/styles.css | 4 +- .../content/testpages/typography.md | 18 ++ .../_default/alternative-guides-parent.html | 2 +- .../layouts/api/__common.html | 2 +- .../linode-docs-theme/layouts/index.html | 2 +- .../layouts/partials/heading.html | 2 +- .../partials/sections/search/panel.html | 8 +- .../layouts/shortcodes/releasenotes/list.html | 7 +- .../linode-docs-theme/tailwind.config.js | 69 +++++--- .../linode-website-partials/footer-inline.js | 42 ++--- .../linode/linode-website-partials/footer.css | 13 +- .../linode-website-partials/footer.html | 2 +- .../linode/linode-website-partials/header.css | 161 ++++++------------ .../linode-website-partials/header.html | 25 ++- .../linode/linode-website-partials/header.js | 99 +++-------- _vendor/modules.txt | 4 +- go.mod | 2 +- go.sum | 3 + 21 files changed, 216 insertions(+), 270 deletions(-) diff --git a/_vendor/github.com/linode/linode-docs-theme/assets/css/components/forms.css b/_vendor/github.com/linode/linode-docs-theme/assets/css/components/forms.css index e99ca2aa120..d37f0b6bde6 100644 --- a/_vendor/github.com/linode/linode-docs-theme/assets/css/components/forms.css +++ b/_vendor/github.com/linode/linode-docs-theme/assets/css/components/forms.css @@ -1,7 +1,7 @@ /* Workaround for styling of checkboxes, see https://github.com/tailwindlabs/tailwindcss-forms/issues/27 */ @layer components { [type="checkbox"]:checked { - background-image: url("data:image/svg+xml,%3Csvg fill='%2302b159' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml,%3Csvg fill='%23017ac6' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z'/%3E%3C/svg%3E"); } [type="radio"]:checked { diff --git a/_vendor/github.com/linode/linode-docs-theme/assets/css/components/note.css b/_vendor/github.com/linode/linode-docs-theme/assets/css/components/note.css index f27ebd8a71c..9ddec31acb4 100644 --- a/_vendor/github.com/linode/linode-docs-theme/assets/css/components/note.css +++ b/_vendor/github.com/linode/linode-docs-theme/assets/css/components/note.css @@ -1,8 +1,15 @@ :root { - --color-note--secondary: 94, 96, 101; - --color-note--primary: 2, 177, 89; - --color-note--warning: 255, 147, 7; - --color-note--alert: 240, 38, 38; + /* color-ui-green - #49AC59 */ + --color-note--primary: 73, 172, 89; + + /* color-grayscale-gray-400 - #90999B */ + --color-note--secondary: 144, 153, 155; + + /* color-ui-orange - #FF9933 */ + --color-note--warning: 255, 153, 51; + + /* color-ui-red - #D0343A */ + --color-note--alert: 208, 52, 58; --alpha-note--bg: 0.1; --alpha-note--border: 1; diff --git a/_vendor/github.com/linode/linode-docs-theme/assets/css/sections/content.css b/_vendor/github.com/linode/linode-docs-theme/assets/css/sections/content.css index 27e58c0f5f2..a276aa7dd02 100644 --- a/_vendor/github.com/linode/linode-docs-theme/assets/css/sections/content.css +++ b/_vendor/github.com/linode/linode-docs-theme/assets/css/sections/content.css @@ -13,7 +13,7 @@ Note that this is usually used in combination with Tailwind's Typography plugin } .content blockquote.callout a { - @apply text-brand hover:text-green-400; + @apply text-brand hover:text-blue-400; } .content .callout-title { @@ -30,7 +30,7 @@ Note that this is usually used in combination with Tailwind's Typography plugin } .content a:not(.a--block) { - @apply text-brand hover:text-green-400; + @apply text-brand hover:text-blue-400; } .content pre, diff --git a/_vendor/github.com/linode/linode-docs-theme/assets/css/styles.css b/_vendor/github.com/linode/linode-docs-theme/assets/css/styles.css index d4d19681f09..6874e7832f5 100644 --- a/_vendor/github.com/linode/linode-docs-theme/assets/css/styles.css +++ b/_vendor/github.com/linode/linode-docs-theme/assets/css/styles.css @@ -1,7 +1,7 @@ /* Main beps colors, these are also referenced in tailwind.config.js.. */ :root { - --color-brand: #02b159; - --color-brand--decimal: 2, 177, 89; + --color-brand: #017ac6; + --color-brand--decimal: 1, 122, 198; --color-brand--light: rgba(var(--color-brand--decimal), 0.2); --color-title: #32363b; --color-body-text: #5e6065; diff --git a/_vendor/github.com/linode/linode-docs-theme/content/testpages/typography.md b/_vendor/github.com/linode/linode-docs-theme/content/testpages/typography.md index 28ccee224b0..b5aaa51f938 100644 --- a/_vendor/github.com/linode/linode-docs-theme/content/testpages/typography.md +++ b/_vendor/github.com/linode/linode-docs-theme/content/testpages/typography.md @@ -3,6 +3,24 @@ title: Testing description: This is a test page used in both manual and automatic tests. Do not delete. It will not be listed anywhere. --- +## Note shortcode + +{{% note type="primary" %}} +This is a primary note. +{{% /note %}} + +{{% note type="secondary" %}} +This is a secondary note. +{{% /note %}} + +{{% note type="alert" %}} +This is an alert. +{{% /note %}} + +{{% note type="warning" %}} +This is a warning. +{{% /note %}} + ## Keyboard Shortcuts Example: Use Ctrl + C to copy text. diff --git a/_vendor/github.com/linode/linode-docs-theme/layouts/_default/alternative-guides-parent.html b/_vendor/github.com/linode/linode-docs-theme/layouts/_default/alternative-guides-parent.html index d1950e042f0..39f882759d1 100644 --- a/_vendor/github.com/linode/linode-docs-theme/layouts/_default/alternative-guides-parent.html +++ b/_vendor/github.com/linode/linode-docs-theme/layouts/_default/alternative-guides-parent.html @@ -46,7 +46,7 @@

{{ .label }}

{{ $e.page.LinkTitle }} diff --git a/_vendor/github.com/linode/linode-docs-theme/layouts/api/__common.html b/_vendor/github.com/linode/linode-docs-theme/layouts/api/__common.html index c64a2332191..67b27c4fa2a 100644 --- a/_vendor/github.com/linode/linode-docs-theme/layouts/api/__common.html +++ b/_vendor/github.com/linode/linode-docs-theme/layouts/api/__common.html @@ -713,7 +713,7 @@ {{ end }} - {{ $copyIcon := `` | safeHTML }} + {{ $copyIcon := `` | safeHTML }} {{ range $i, $e := $dot }} {{ if $ctx.nocode }}