4302b9391a
Replace entire Barclays colour palette (navy #1A2142, lime #C3FB5A, violet #7A0FF9) with Oliver brand tokens: black #1A1A1A, gold #FFCB05, orange #FF5C00, azure #0487B6, sky #5DF5EA, grey #EFEFEF, green #09821F. - Switch font from Inter/Barclays Effra to Arial (system font) - Add new Oliver logo asset (BAR-ModComms-logo-v4.png) - Sidebar: black background, new logo, azure active state - Hero: orange "Intelligent Review" text, hide AI-Powered tagline - Hide ChecksOverview on Home page per Oliver design - Toast notification: orange background with black text - All tables: sky headers, alternating white/grey rows - Campaign badges: gold "In Progress", green "Completed" - Analytics: grey KPI cards, sky accent on Key Insight, oliver trend colours - All buttons: azure fill, pill-shaped (rounded-full) - All tabs/toggles/dropdowns: azure accent colour - Update HTML title to "Mod Comms - Intelligent Review" - Default border radius set to 10px Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
91 lines
No EOL
2.7 KiB
HTML
Executable file
91 lines
No EOL
2.7 KiB
HTML
Executable file
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Mod Comms - Intelligent Review</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<script>
|
|
tailwind.config = {
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
'sans': ['Arial', 'sans-serif'],
|
|
},
|
|
borderRadius: {
|
|
DEFAULT: '10px',
|
|
},
|
|
colors: {
|
|
// Oliver Brand Colors
|
|
'oliver-black': '#1A1A1A',
|
|
'oliver-gold': '#FFCB05',
|
|
'oliver-orange': '#FF5C00',
|
|
'oliver-azure': '#0487B6',
|
|
'oliver-sky': '#5DF5EA',
|
|
'oliver-grey': '#EFEFEF',
|
|
'oliver-green': '#09821F',
|
|
|
|
// Keep functional status colours for RAG system
|
|
'success': '#09821F',
|
|
'success-light': '#E9F4EA',
|
|
'warning': '#FFCB05',
|
|
'warning-light': '#FFF8E7',
|
|
'error': '#E3000F',
|
|
'error-light': '#FDE7E9',
|
|
|
|
// Keep grey scale for borders
|
|
'grey-300': '#E2E2E2',
|
|
},
|
|
animation: {
|
|
'slow-ping': 'ping 2s cubic-bezier(0, 0, 0.2, 1) infinite',
|
|
'fade-in': 'fadeIn 0.3s ease-out',
|
|
},
|
|
keyframes: {
|
|
ping: {
|
|
'75%, 100%': {
|
|
transform: 'scale(2)',
|
|
opacity: '0'
|
|
}
|
|
},
|
|
fadeIn: {
|
|
'0%': { opacity: '0', transform: 'translateY(8px)' },
|
|
'100%': { opacity: '1', transform: 'translateY(0)' },
|
|
},
|
|
}
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
<style>
|
|
@keyframes spin-animation {
|
|
from {
|
|
transform: rotate(0deg);
|
|
}
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
.custom-spinner {
|
|
animation: spin-animation 1s linear infinite;
|
|
}
|
|
</style>
|
|
<script type="importmap">
|
|
{
|
|
"imports": {
|
|
"react": "https://aistudiocdn.com/react@^19.1.1",
|
|
"react/": "https://aistudiocdn.com/react@^19.1.1/",
|
|
"@google/genai": "https://aistudiocdn.com/@google/genai@^1.20.0",
|
|
"react-dom/": "https://aistudiocdn.com/react-dom@^19.1.1/",
|
|
"jspdf": "https://aistudiocdn.com/jspdf@^2.5.1",
|
|
"html2canvas": "https://aistudiocdn.com/html2canvas@^1.4.1"
|
|
}
|
|
}
|
|
</script>
|
|
<link rel="stylesheet" href="/index.css">
|
|
</head>
|
|
<body class="bg-white">
|
|
<div id="root"></div>
|
|
<script type="module" src="/index.tsx"></script>
|
|
</body>
|
|
</html> |