From ae60c96e74d6c7100a766e1ee94190f52127a24b Mon Sep 17 00:00:00 2001 From: gferey Date: Fri, 20 Jun 2025 12:50:10 +0000 Subject: [PATCH 1/2] New blue "euro" style --- _extensions/onyxia-dark/_extension.yml | 8 ++-- _extensions/onyxia-dark/bg.lua | 1 - _extensions/onyxia-dark/favicon-32x32.png | Bin 1220 -> 0 bytes _extensions/onyxia-dark/logo.svg | 16 ++++++- _extensions/onyxia-dark/onyxia-dark.scss | 37 +++++++++++++--- _extensions/onyxia/_extension.yml | 8 ++-- _extensions/onyxia/bg.lua | 1 - _extensions/onyxia/favicon-32x32.png | Bin 1220 -> 0 bytes _extensions/onyxia/logo.svg | 16 ++++++- _extensions/onyxia/onyxia.scss | 51 ++++++++++++++++++---- 10 files changed, 112 insertions(+), 26 deletions(-) delete mode 100644 _extensions/onyxia-dark/favicon-32x32.png delete mode 100644 _extensions/onyxia/favicon-32x32.png diff --git a/_extensions/onyxia-dark/_extension.yml b/_extensions/onyxia-dark/_extension.yml index c7b43fc..88b6b49 100644 --- a/_extensions/onyxia-dark/_extension.yml +++ b/_extensions/onyxia-dark/_extension.yml @@ -5,16 +5,16 @@ contributes: formats: revealjs: filters: [bg.lua] - theme: [default, onyxia-dark.scss] + theme: + - default + - onyxia.scss css: [logo.css] title-slide-attributes: data-background-image: background-dark.svg data-background-size: contain header-includes: | - + email-obfuscation: javascript format-resources: - logo.svg - background-dark.svg - - favicon-32x32.png - \ No newline at end of file diff --git a/_extensions/onyxia-dark/bg.lua b/_extensions/onyxia-dark/bg.lua index 2e7ea55..d06cb55 100644 --- a/_extensions/onyxia-dark/bg.lua +++ b/_extensions/onyxia-dark/bg.lua @@ -5,7 +5,6 @@ end function Header(el) copyResource('background-dark.svg') - copyResource('favicon-32x32.png') if not el.attributes['background-image'] then el.attributes['background-image'] = 'background-dark.svg' el.attributes['background-size'] = 'contain' diff --git a/_extensions/onyxia-dark/favicon-32x32.png b/_extensions/onyxia-dark/favicon-32x32.png deleted file mode 100644 index 0e913507f397998369c1b75d14e3b37656076894..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1220 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyEa{HEjtmSN`?>!lvVtU&J%W50 z7^>757#dm_7=8hT8eT9klo~KFyh>nTu$sZZAYL$MSD+0817m7{Plzi}!T&Jb|Dihn z!*u@pD*kV6`|qdpKSt?)i2DC{x&NWs|D(14him^2)%zc=`#%iG&;qFhB8V0Un21sKV_C+*OEFf#`X-TC)v}*F~s8Z(@E9VOpYSQ z%4NTMPkFbx_g2n#rRftqPCc8{5)h#^U1Z_8@8;G|E2r2oK3`w{?62+Tc{7c9KA-Oj z&0h9fgfXgDs_MsItG$dIj0sm}v(*W{SupdkB=>|zYfqfz+c?*bM_9h_oKvmKIh#wK z4EfGW-!vsGKa}`WlIioJi!YUK=k;q;-Qjv5TDx}IO8ZykEEVb>o4LEMT@X^7Q_~PF zmo3bo{p3$*xB8xK`x+%UbK4gG5qngYBNMf6{xkNnN4q&)U4B#)`3r8l(c;uFWl`?V z@BDl#4=nhm;d^wW3*(776I{Q2(b1}UxlO-n-f5x2Le956XGE73S6Yj$%a2(nQr}%< zH~rY|>WuxY+$R^ETyST9NL_`_^o|LwOy0zuOkv&0ndy?QTyKRdP`(kYX@0Ff!CNFxE9P2{ACYGBL6;GSfCNv@$Sw@pFY7 ziiX_$l+3hB+!|&s5m*G&5MC7$Q4*9`u24{vpO%@Es!&o{kgAYbP?F5RP%-E6CmxQ% zFb$1U{-@7)J`G}ER_4}A<`z~K_MR-lEUe(tU~)KxS$T7a!s#1VP8>ONMCJ(l=?0Gl bUV03##05(}IhjrcTEXDy>gTe~DWM4fpUU^T diff --git a/_extensions/onyxia-dark/logo.svg b/_extensions/onyxia-dark/logo.svg index 869bd6f..d01b595 100644 --- a/_extensions/onyxia-dark/logo.svg +++ b/_extensions/onyxia-dark/logo.svg @@ -1 +1,15 @@ - \ No newline at end of file + + + + + + + + + + + + + + + diff --git a/_extensions/onyxia-dark/onyxia-dark.scss b/_extensions/onyxia-dark/onyxia-dark.scss index eeb0fcf..02cebc5 100644 --- a/_extensions/onyxia-dark/onyxia-dark.scss +++ b/_extensions/onyxia-dark/onyxia-dark.scss @@ -11,20 +11,45 @@ $orange: rgb(255, 86, 44); $black: rgb(44, 50, 63); $white: rgb(241, 240, 235); $green: rgb(186, 255, 41); +$blue: rgb(86, 149, 251); +$darkblue: rgb(71, 88, 171); $body-color: $white !default; $presentation-heading-text-shadow: 2px 1px 2px rgba($body-color, 0.3) !default; $presentation-h1-text-shadow: 2px 3px 3px rgba($body-color, 0.3) !default; $presentation-heading-font-weight: bold !default; $body-bg: $black !default; -$link-color: $orange !default; +$link-color: $blue !default; $light-bg-text-color: $black !default; -$light-bg-link-color: $orange !default; -$light-bg-code-color: $orange !default; +$light-bg-link-color: $blue !default; +$light-bg-code-color: $blue !default; $dark-bg-text-color: $white !default; -$dark-bg-link-color: $orange !default; +$dark-bg-link-color: $blue !default; $dark-bg-code-color: $green !default; +$body-emphasis-color: $blue; + /*-- scss:rules --*/ -.orange { - color: $orange; + +.blue { + color: $blue; +} + +.darkblue { + color: $darkblue; +} + +em { + color: $darkblue; +} + +strong { + color: $blue; +} + +ul strong { + color: $blue; +} + +ul ul strong { + color: $darkblue; } diff --git a/_extensions/onyxia/_extension.yml b/_extensions/onyxia/_extension.yml index b2e42d8..dbfbdb3 100644 --- a/_extensions/onyxia/_extension.yml +++ b/_extensions/onyxia/_extension.yml @@ -5,16 +5,16 @@ contributes: formats: revealjs: filters: [bg.lua] - theme: [default, onyxia.scss] + theme: + - default + - onyxia.scss css: [logo.css] title-slide-attributes: data-background-image: background.svg data-background-size: contain header-includes: | - + email-obfuscation: javascript format-resources: - logo.svg - background.svg - - favicon-32x32.png - \ No newline at end of file diff --git a/_extensions/onyxia/bg.lua b/_extensions/onyxia/bg.lua index 0cfe097..34edd59 100644 --- a/_extensions/onyxia/bg.lua +++ b/_extensions/onyxia/bg.lua @@ -5,7 +5,6 @@ end function Header(el) copyResource('background.svg') - copyResource('favicon-32x32.png') if not el.attributes['background-image'] then el.attributes['background-image'] = 'background.svg' el.attributes['background-size'] = 'contain' diff --git a/_extensions/onyxia/favicon-32x32.png b/_extensions/onyxia/favicon-32x32.png deleted file mode 100644 index 0e913507f397998369c1b75d14e3b37656076894..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1220 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyEa{HEjtmSN`?>!lvVtU&J%W50 z7^>757#dm_7=8hT8eT9klo~KFyh>nTu$sZZAYL$MSD+0817m7{Plzi}!T&Jb|Dihn z!*u@pD*kV6`|qdpKSt?)i2DC{x&NWs|D(14him^2)%zc=`#%iG&;qFhB8V0Un21sKV_C+*OEFf#`X-TC)v}*F~s8Z(@E9VOpYSQ z%4NTMPkFbx_g2n#rRftqPCc8{5)h#^U1Z_8@8;G|E2r2oK3`w{?62+Tc{7c9KA-Oj z&0h9fgfXgDs_MsItG$dIj0sm}v(*W{SupdkB=>|zYfqfz+c?*bM_9h_oKvmKIh#wK z4EfGW-!vsGKa}`WlIioJi!YUK=k;q;-Qjv5TDx}IO8ZykEEVb>o4LEMT@X^7Q_~PF zmo3bo{p3$*xB8xK`x+%UbK4gG5qngYBNMf6{xkNnN4q&)U4B#)`3r8l(c;uFWl`?V z@BDl#4=nhm;d^wW3*(776I{Q2(b1}UxlO-n-f5x2Le956XGE73S6Yj$%a2(nQr}%< zH~rY|>WuxY+$R^ETyST9NL_`_^o|LwOy0zuOkv&0ndy?QTyKRdP`(kYX@0Ff!CNFxE9P2{ACYGBL6;GSfCNv@$Sw@pFY7 ziiX_$l+3hB+!|&s5m*G&5MC7$Q4*9`u24{vpO%@Es!&o{kgAYbP?F5RP%-E6CmxQ% zFb$1U{-@7)J`G}ER_4}A<`z~K_MR-lEUe(tU~)KxS$T7a!s#1VP8>ONMCJ(l=?0Gl bUV03##05(}IhjrcTEXDy>gTe~DWM4fpUU^T diff --git a/_extensions/onyxia/logo.svg b/_extensions/onyxia/logo.svg index 869bd6f..d01b595 100644 --- a/_extensions/onyxia/logo.svg +++ b/_extensions/onyxia/logo.svg @@ -1 +1,15 @@ - \ No newline at end of file + + + + + + + + + + + + + + + diff --git a/_extensions/onyxia/onyxia.scss b/_extensions/onyxia/onyxia.scss index 8235d1f..6b94a57 100644 --- a/_extensions/onyxia/onyxia.scss +++ b/_extensions/onyxia/onyxia.scss @@ -11,20 +11,55 @@ $orange: rgb(255, 86, 44); $black: rgb(44, 50, 63); $white: rgb(241, 240, 235); $green: rgb(186, 255, 41); -$body-color: $black !default; +$blue: rgb(86, 149, 251); +$darkblue: rgb(71, 88, 171); + +$body-bg: white !default; +$body-color: #0e1726 !default; + $presentation-heading-text-shadow: 2px 1px 2px rgba($body-color, 0.3) !default; $presentation-h1-text-shadow: 2px 4px 3px rgba($body-color, 0.3) !default; $presentation-heading-font-weight: bold !default; $body-bg: $white !default; -$link-color: $orange !default; +$link-color: $blue !default; $light-bg-text-color: $black !default; -$light-bg-link-color: $orange !default; -$light-bg-code-color: $orange !default; +$light-bg-link-color: $blue !default; +$light-bg-code-color: $blue !default; $dark-bg-text-color: $white !default; -$dark-bg-link-color: $orange !default; -$dark-bg-code-color: $green !default; +$dark-bg-link-color: $blue !default; +$dark-bg-code-color: $darkblue !default; + +$body-emphasis-color: $blue; + + +/*-- scss:mixins --*/ + +@mixin bodyBackground() { + @include radial-gradient(#fbfdff, #dfe8fd); + } /*-- scss:rules --*/ -.orange { - color: $orange; + +.blue { + color: $blue; +} + +.darkblue { + color: $darkblue; +} + +em { + color: $darkblue; +} + +strong { + color: $blue; +} + +ul strong { + color: $blue; +} + +ul ul strong { + color: $darkblue; } From 2e13b54c4720260fa883b2cf5c47e52849b38ba9 Mon Sep 17 00:00:00 2001 From: gferey Date: Fri, 20 Jun 2025 13:14:50 +0000 Subject: [PATCH 2/2] More readable colors for dark mode --- _extensions/onyxia-dark/_extension.yml | 2 +- _extensions/onyxia-dark/onyxia-dark.scss | 11 +++++++---- _extensions/onyxia/onyxia.scss | 1 - 3 files changed, 8 insertions(+), 6 deletions(-) diff --git a/_extensions/onyxia-dark/_extension.yml b/_extensions/onyxia-dark/_extension.yml index 88b6b49..07563e4 100644 --- a/_extensions/onyxia-dark/_extension.yml +++ b/_extensions/onyxia-dark/_extension.yml @@ -7,7 +7,7 @@ contributes: filters: [bg.lua] theme: - default - - onyxia.scss + - onyxia-dark.scss css: [logo.css] title-slide-attributes: data-background-image: background-dark.svg diff --git a/_extensions/onyxia-dark/onyxia-dark.scss b/_extensions/onyxia-dark/onyxia-dark.scss index 02cebc5..6e7384a 100644 --- a/_extensions/onyxia-dark/onyxia-dark.scss +++ b/_extensions/onyxia-dark/onyxia-dark.scss @@ -11,13 +11,16 @@ $orange: rgb(255, 86, 44); $black: rgb(44, 50, 63); $white: rgb(241, 240, 235); $green: rgb(186, 255, 41); -$blue: rgb(86, 149, 251); -$darkblue: rgb(71, 88, 171); -$body-color: $white !default; +$blue: rgb(106, 165, 255); +$darkblue: rgb(80, 100, 180); + +$body-bg: #0a0c12 !default; +$body-color: #e5e7eb !default; + $presentation-heading-text-shadow: 2px 1px 2px rgba($body-color, 0.3) !default; $presentation-h1-text-shadow: 2px 3px 3px rgba($body-color, 0.3) !default; $presentation-heading-font-weight: bold !default; -$body-bg: $black !default; + $link-color: $blue !default; $light-bg-text-color: $black !default; $light-bg-link-color: $blue !default; diff --git a/_extensions/onyxia/onyxia.scss b/_extensions/onyxia/onyxia.scss index 6b94a57..e7a27e6 100644 --- a/_extensions/onyxia/onyxia.scss +++ b/_extensions/onyxia/onyxia.scss @@ -20,7 +20,6 @@ $body-color: #0e1726 !default; $presentation-heading-text-shadow: 2px 1px 2px rgba($body-color, 0.3) !default; $presentation-h1-text-shadow: 2px 4px 3px rgba($body-color, 0.3) !default; $presentation-heading-font-weight: bold !default; -$body-bg: $white !default; $link-color: $blue !default; $light-bg-text-color: $black !default; $light-bg-link-color: $blue !default;