feat: Update color scheme to use indigo for improved visual consistency across components

This commit is contained in:
Nawaz Dhandala 2025-12-12 17:58:13 +00:00
parent a015869447
commit 04e07da274
No known key found for this signature in database
GPG key ID: 96C5DCA24769DBCA
7 changed files with 17 additions and 17 deletions

View file

@ -50,8 +50,8 @@
border-color: #475569;
}
.copy-button.copied {
color: #4ade80;
border-color: #4ade80;
color: #a5b4fc;
border-color: #a5b4fc;
}
/* Smooth transitions */
@ -61,7 +61,7 @@
/* Better focus styles */
a:focus-visible, button:focus-visible {
outline: 2px solid #0ea5e9;
outline: 2px solid #6366f1;
outline-offset: 2px;
border-radius: 4px;
}

View file

@ -38,7 +38,7 @@
Sorry, we couldn't find the page you're looking for. It might have been moved or doesn't exist.
</p>
<a href="/docs/introduction/getting-started"
class="inline-flex items-center gap-2 rounded-lg bg-sky-600 px-5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-sky-700 transition-colors">
class="inline-flex items-center gap-2 rounded-lg bg-indigo-600 px-5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-700 transition-colors">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path>
</svg>

View file

@ -1,7 +1,7 @@
<article class="docs-article">
<header class="mb-10 pb-8 border-b border-slate-200">
<div class="flex items-center gap-2 mb-3">
<span class="inline-flex items-center rounded-full bg-sky-50 px-3 py-1 text-xs font-semibold text-sky-700 ring-1 ring-inset ring-sky-600/20">
<span class="inline-flex items-center rounded-full bg-indigo-50 px-3 py-1 text-xs font-semibold text-indigo-700 ring-1 ring-inset ring-indigo-600/20">
<%- category.title %>
</span>
</div>
@ -27,12 +27,12 @@
prose-p:text-slate-600
prose-lead:text-slate-500
prose-a:font-medium
prose-a:text-sky-600
prose-a:text-indigo-600
prose-a:no-underline
prose-a:border-b
prose-a:border-sky-300
hover:prose-a:border-sky-500
hover:prose-a:text-sky-700
prose-a:border-indigo-300
hover:prose-a:border-indigo-500
hover:prose-a:text-indigo-700
prose-strong:text-slate-900
prose-strong:font-semibold
prose-code:text-sm
@ -57,8 +57,8 @@
prose-img:shadow-lg
prose-img:ring-1
prose-img:ring-slate-200
prose-blockquote:border-l-sky-500
prose-blockquote:bg-sky-50/50
prose-blockquote:border-l-indigo-500
prose-blockquote:bg-indigo-50/50
prose-blockquote:py-1
prose-blockquote:px-6
prose-blockquote:rounded-r-lg

View file

@ -1,6 +1,6 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#0ea5e9">
<meta name="theme-color" content="#6366f1">
<link rel="preload" href="/docs/static/fonts/f1.woff2" as="font" crossorigin="" type="font/woff2">
<link rel="preload" href="/docs/static/fonts/f2.woff2" as="font" crossorigin="" type="font/woff2">
<link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin>

View file

@ -10,7 +10,7 @@
<% for(var j=0; j<nav[i].links.length; j++) {%>
<% if(link && link.url===nav[i].links[j].url) { %>
<li class="relative">
<a class="flex items-center py-1.5 pl-4 -ml-px border-l-2 border-sky-500 text-sky-600 font-medium bg-sky-50/50 -mr-3 pr-3 rounded-r-md transition-colors"
<a class="flex items-center py-1.5 pl-4 -ml-px border-l-2 border-indigo-500 text-indigo-600 font-medium bg-indigo-50/50 -mr-3 pr-3 rounded-r-md transition-colors"
href="<%- nav[i].links[j].url -%>">
<%- nav[i].links[j].title -%>
</a>

View file

@ -1,8 +1,8 @@
<div class="mt-16 pt-8 border-t border-slate-200">
<div class="rounded-xl bg-gradient-to-r from-slate-50 to-slate-100/50 p-6 ring-1 ring-slate-200/50">
<div class="flex items-start gap-4">
<div class="flex-shrink-0 rounded-lg bg-sky-100 p-2.5">
<svg class="h-5 w-5 text-sky-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<div class="flex-shrink-0 rounded-lg bg-indigo-100 p-2.5">
<svg class="h-5 w-5 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"></path>
</svg>
</div>
@ -13,7 +13,7 @@
<a href="https://github.com/OneUptime/oneuptime/tree/master/Docs/Content/<%- githubPath -%>.md"
target="_blank"
rel="noopener noreferrer"
class="inline-flex items-center gap-1 font-medium text-sky-600 hover:text-sky-700 transition-colors">
class="inline-flex items-center gap-1 font-medium text-indigo-600 hover:text-indigo-700 transition-colors">
editing this page on GitHub
<svg class="h-3.5 w-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>

View file

@ -39,7 +39,7 @@
</p>
<div class="flex flex-col sm:flex-row gap-3">
<button onclick="location.reload()"
class="inline-flex items-center justify-center gap-2 rounded-lg bg-sky-600 px-5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-sky-700 transition-colors">
class="inline-flex items-center justify-center gap-2 rounded-lg bg-indigo-600 px-5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-700 transition-colors">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path>
</svg>