From 93326d648363f94e16b14a0151a32efacd09d2cb Mon Sep 17 00:00:00 2001 From: Carter McBride <18412686+carterworks@users.noreply.github.com> Date: Mon, 5 Aug 2024 14:28:59 -0600 Subject: [PATCH] Remove arc colors (#17) --- config/template.html | 12 ++++++------ tailwind.config.js | 28 +--------------------------- 2 files changed, 7 insertions(+), 33 deletions(-) diff --git a/config/template.html b/config/template.html index 590c680..6e185fd 100644 --- a/config/template.html +++ b/config/template.html @@ -98,8 +98,8 @@ - -
+ +

📰 Carter's RSS Feeds

@@ -110,20 +110,20 @@ {% for feed in feeds %}
+ class="cursor-pointer p-2 rounded-xl mt-1 transition-colors group-has-[.has-recent]:border-2 flex flex-row items-center"> {% if feed.hasRecent %}
✳︎
{% endif %}
{{ feed.title }}
-
({{ feed.feed }})
+
({{ + feed.feed }})
    {% for item in feed.items %}
  • + class="{% if item.isRecent %}has-recent {% endif %} flex flex-row items-center p-2 rounded-xl mt-1 transition-colors"> {% if item.isRecent %}
    ✳︎
    {% endif %} diff --git a/tailwind.config.js b/tailwind.config.js index fc0bd28..ebe918c 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -209,41 +209,15 @@ export default { "'Noto Color Emoji'", ], }, - colors: { - /* - * The Arc browser (can) expose its theme color to the pages beneath as - * CSS custom properties. - */ - arc: { - "background-simple": "var(--arc-background-simple-color, #FDF8EBFF)", - maxContrast: "var(--arc-palette-maxContrastColor, #6F540AFF)", - minContrast: "var(--arc-palette-minContrastColor, #FDF8EBFF)", - hover: "var(--arc-palette-hover, #E2DDCAFF)", - foregroundPrimary: "var(--arc-palette-foregroundPrimary, #EBB218FF)", - foregroundSecondary: - "var(--arc-palette-foregroundSecondary, #EBB218FF)", - foregroundTertiary: - "var(--arc-palette-foregroundTertiary, #FDF8EBFF)", - title: "var(--arc-palette-title, #211900FF)", - subtitle: "var(--arc-palette-subtitle, #C5BB96FF)", - background: "var(--arc-palette-background, #F1EEE5FF)", - backgroundExtra: "var(--arc-palette-backgroundExtra, #FEFDFCFF)", - cutout: "var(--arc-palette-cutoutColor, #FDF8EBFF)", - focus: "var(--arc-palette-focus, #B7A97CFF)", - }, - }, }, }, plugins: [ - plugin(({ addBase, theme }) => { + plugin(({ addBase }) => { addBase({ a: { textDecoration: "underline", transition: "color 0.2s", cursor: "pointer", - "&:hover": { - color: theme("colors.arc.subtitle"), - }, }, }); }),