css:themes:dark-if-prefered

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Prochaine révision		 Révision précédente
css:themes:dark-if-prefered [2024/01/25 15:53] – créée avillepreuxcss:themes:dark-if-prefered [2024/01/25 16:33] (Version actuelle) – avillepreux
Ligne 1: Ligne 1:
- +<php> echo "<style> @media (prefers-color-scheme: dark) { ".str_replace('%CSS_ROOT%', 'body', file_get_contents("data/pages/css/themes/css/dark.txt"))." } </style>"; </php>
-<CSS> +
- +
-/* Dark theme (WIP) by avillepreux */ +
- +
-@media (prefers-color-scheme: dark) { +
- +
-    body{ +
-        --color-red: #ff4431; +
-        --color-green: #08a410; +
-        --color-blue: #0070F0; +
-        --color-orange: #ffa500; +
-        --color-purple: #f5f; +
-        --color-grey: #777; +
-        --color-white: #c7c7c7; +
-        --color-red-intense: #A00; +
-        --color-green-intense: #0A0; +
-        --color-blue-intense: #00A; +
-        --color-purple-intense: #A0A; +
-        --color-orange-intense: #AA0; +
-        --color-grey-intense: #777; +
-        --color-white-intense: #F1F1F1; +
-        --color-theme: #ff5443; +
-        --color-accent: #00baff; +
-        --color-text: #eee; +
-        --color-link: #FFA8A8; +
-        --color-link-hover: #ff5443; +
-        --color-link-broken: #f00; +
-        --color-h1: #00baff; +
-        --color-h2: #fff; +
-        --color-h3: #ffb3b3; +
-        --color-h4: #ff5443; +
-        --color-h5: #FFF; +
-        --color-h6: #FFF; +
-        --color-border: #3c3535;     +
-        --background-color: #232222; +
-        --background-color-panel: #2e2c2c; +
-    } +
-   +
-    .navbar-default { +
-        border-color: #1f1f1f; +
-    } +
-   +
-    .navbar-default .navbar-brand { +
-        color: #38a2ff; +
-    } +
- +
-    .navbar-default .navbar-nav>li>a:focus:not([aria-expanded="true"]),  +
-    .navbar-default .navbar-nav>li>a:hover:not([aria-expanded="true"]) { +
-        color: #fff; +
-    } +
- +
-    .panel-default { +
-        border-color: var(--color-border, #3c3535); +
-    } +
- +
-    .panel-default>.panel-heading { +
-        color: #ffffff; +
-        background-color: #444; +
-    } +
-     +
- +
-    #dw__toc .nav .nav > li > a { +
-        color: #fff !important; +
-    } +
-     +
-    #dw__pagetools .menuitem svg {  +
-  fill: currentColor !important; +
-    } +
- +
-    :is( +
-        .dw-content > .plugin_include_content:nth-child(1) nav,  +
-        .dw-content > .plugin_include_content:nth-child(1) .wrap_nav,  +
-        .dw-content > .plugin_include_content:nth-child(1) p>.wrap_nav,  +
-        .dw-content > .plugin_include_content:nth-child(2) nav,  +
-        .dw-content > .plugin_include_content:nth-child(2) .wrap_nav,  +
-        .dw-content > .plugin_include_content:nth-child(2) p>.wrap_nav,  +
-        .wrap_nav +
-    ) { +
-        background-color: #343434; +
-        border-bottom: 1px solid #000000; +
-        box-shadow: 2px 2px 3px 0px #00000063; +
-    } +
- +
-    .btn-default { +
-        color: #b5b1b1; +
-        background-color: #4c4c4c; +
-        border-color: #000; +
-    } +
- +
-    .table-striped>tbody>tr:nth-of-type(odd) { +
-        background-color: #000000; +
-    } +
- +
-    .dropdown-menu { +
-        background-color: #363636; +
-        color: #fff; +
-    } +
-    .dropdown-menu>li>a:not(:hover) { +
-        color: #ffe5e5; +
-    } +
-     +
-    .dokuwiki .wrap_note { +
-        background-color: #5f5d5882; +
-        color: #d4d4d4; +
-    } +
-     +
-    pre { +
-        color: #00f615; +
-        background-color: #222222; +
-        border: 1px solid #265931; +
-    } +
-     +
-    code { +
-    color: #00ff0b; +
-    background-color: #000000; +
-    } +
-     +
-    blockquote { +
-    color: #00ddff; +
-    border-color: #00aaff; +
-    } +
-     +
-    .dokuwiki .wrap_todo { +
-        background-color: #044540; +
-        color: #fff; +
-    } +
-     +
-     +
-    *                           {  scrollbar-width: var(--scrollbar-width, 17px); } +
-    *::-webkit-scrollbar        {            width: var(--scrollbar-width, 17px); } +
-         +
-    *                           {  scrollbar-color: var(--scrollbar-accent-color, #990011) var(--scrollbar-background-color, #222); } +
-    *::-webkit-scrollbar-thumb  { background-color: var(--scrollbar-accent-color, #990011); } +
-    *::-webkit-scrollbar-track  { background-color: var(--scrollbar-background-color, #222); } +
-         +
-   +
-} /* @media (prefers-color-scheme: dark) */ +
- +
- +
-</CSS></ifauth> +
- +
- +
  • css/themes/dark-if-prefered.1706194434.txt.gz
  • Dernière modification : 2024/01/25 15:53
  • de avillepreux