style: use OVHcloud Design System standard colors

Map all presentation colors to official ODS tokens (ovh/design-system):
- Strip/accent: #0050d7 (ods-palette-blue-500 / primary)
- Text: #4d5592 (ods-color-text / twilight)
- Neutral: #666666 (ods-palette-gray-600)
- Heading/logo: #00185e (ods-palette-deep-sapphire)
- Links: primary-500 via --strip-color

Tool brand colors (Puppet/Ansible/Terraform) kept as-is.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
2026-04-14 00:59:27 +02:00
parent 4e09483264
commit 74353be84b
2 changed files with 15 additions and 7 deletions

View File

@@ -15,10 +15,18 @@
<style>
:root {
/* OVHcloud Design System palette (ovh/design-system) */
--ods-blue-500: #0050d7;
--ods-blue-800: #00185e;
--ods-text: #4d5592;
--ods-neutral-600: #666666;
/* Tool brand colors */
--puppet-color: #A06010;
--ansible-color: #CC0000;
--terraform-color: #7B42BC;
--strip-color: #00A9FF;
--strip-color: var(--ods-blue-500);
}
.reveal .slides section {
@@ -38,8 +46,8 @@
.title-slide { text-align: center !important; }
.title-slide h1 { text-align: center; font-size: 2em; margin-bottom: 0.2em; }
.title-slide .subtitle { font-size: 1em; color: #444; }
.title-slide .meta { font-size: 0.7em; color: #555; margin-top: 1em; }
.title-slide .subtitle { font-size: 1em; color: var(--ods-text); }
.title-slide .meta { font-size: 0.7em; color: var(--ods-text); margin-top: 1em; }
.title-slide .meta a { color: var(--strip-color); }
.puppet-col { color: var(--puppet-color); }
@@ -49,7 +57,7 @@
.filename {
font-family: monospace;
font-size: 0.65em;
color: #555;
color: var(--ods-text);
margin-bottom: 0.2em;
}
@@ -100,7 +108,7 @@
<section>
<h2>Arnaud Prémel-Cabic</h2>
<p>Tech Lead @ OVHCloud</p>
<p style="color:#555; font-size:0.75em;">arnaud.premel-cabic@ovhcloud.com</p>
<p style="color:var(--ods-text); font-size:0.75em;">arnaud.premel-cabic@ovhcloud.com</p>
<img src="vendor/ovhcloud-logo.svg" alt="OVHcloud" style="height:32px; width:auto; margin-top:1em;">
</section>
@@ -153,7 +161,7 @@
<section>
<h2>Configuration as Code</h2>
<p>Managing infrastructure through machine-readable files, stored in version control.</p>
<p style="margin-top:0.8em; color:#666;">Reproducible &nbsp;·&nbsp; Versionable &nbsp;·&nbsp; Auditable</p>
<p style="margin-top:0.8em; color:var(--ods-neutral-600);">Reproducible &nbsp;·&nbsp; Versionable &nbsp;·&nbsp; Auditable</p>
</section>
<!-- ─── SLIDE 11 ──────────────────────────────────────────────────── -->