mirror of
https://github.com/OneUptime/oneuptime.git
synced 2026-01-11 19:56:44 +00:00
feat: Update color scheme to use indigo for improved visual consistency across components
This commit is contained in:
parent
a015869447
commit
04e07da274
7 changed files with 17 additions and 17 deletions
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue