Dotclear

Changeset 3770:75566f4ffead for admin


Ignore:
Timestamp:
07/10/18 13:41:19 (7 years ago)
Author:
franck <carnet.franck.paul@…>
Branch:
default
Message:

Add a dark mode (user preferences), some refinements to come

Location:
admin
Files:
3 added
9 edited

Legend:

Unmodified
Added
Removed

  • admin/_charte.php

    r3731 r3770  
    1111 
    1212dcPage::check('usage,contentadmin'); 
     13$core->auth->user_prefs->addWorkspace('interface'); 
    1314?> 
    1415<!DOCTYPE html> 
    … …  
    2122    <title>Bibliothèque de styles - Dotclear - 2.7</title> 
    2223    <link rel="icon" type="image/png" href="images/favicon96-login.png" /> 
    23     <link rel="stylesheet" href="style/default.css" type="text/css" media="screen" /> 
    24     <?php 
    25 $core->auth->user_prefs->addWorkspace('interface'); 
     24<?php 
     25if ($core->auth->user_prefs->interface->dark_mode) { 
     26    echo dcPage::cssLoad('style/default-dark.css'); 
     27} else { 
     28    echo dcPage::cssLoad('style/default.css'); 
     29} 
    2630if ($core->auth->user_prefs->interface->htmlfontsize) { 
    2731    echo 

  • admin/preferences.php

    r3731 r3770  
    4141 
    4242$core->auth->user_prefs->addWorkspace('interface'); 
     43$user_ui_darkmode         = $core->auth->user_prefs->interface->darkmode; 
    4344$user_ui_enhanceduploader = $core->auth->user_prefs->interface->enhanceduploader; 
    4445$user_ui_hidemoreinfo     = $core->auth->user_prefs->interface->hidemoreinfo; 
    … …  
    237238        # Update user prefs 
    238239        $core->auth->user_prefs->accessibility->put('nodragdrop', !empty($_POST['user_acc_nodragdrop']), 'boolean'); 
     240        $core->auth->user_prefs->interface->put('darkmode', !empty($_POST['user_ui_darkmode']), 'boolean'); 
    239241        $core->auth->user_prefs->interface->put('enhanceduploader', !empty($_POST['user_ui_enhanceduploader']), 'boolean'); 
    240242        $core->auth->user_prefs->interface->put('hidemoreinfo', !empty($_POST['user_ui_hidemoreinfo']), 'boolean'); 
    … …  
    527529'<h4 id="user_options_interface">' . __('Interface') . '</h4>' . 
    528530 
     531'<p><label for="user_ui_darkmode" class="classic">' . 
     532form::checkbox('user_ui_darkmode', 1, $user_ui_darkmode) . ' ' . 
     533__('Activate dark mode') . '</label></p>' . 
     534 
    529535'<p><label for="user_ui_enhanceduploader" class="classic">' . 
    530536form::checkbox('user_ui_enhanceduploader', 1, $user_ui_enhanceduploader) . ' ' . 

  • admin/style/default.css

    r3769 r3770  
    886886  a:visited img { 
    887887    border: none; 
    888     background: inherit; } 
     888    background: initial; } 
    889889 
    890890a:hover, 
    … …  
    10111011  border-style: solid; 
    10121012  border-color: #dbdbdb; } 
     1013 
     1014input[type=file] { 
     1015  color: #323232; 
     1016  background: #fff; } 
    10131017 
    10141018input:invalid:not(:required), textarea:invalid:not(:required), select:invalid:not(:required), input:not([type=file]):invalid:not(:focus):not(:required) { 
    … …  
    20972101    padding-bottom: 6px; 
    20982102    font-size: 1em; } 
     2103  #login-screen input.details-cmd { 
     2104    width: auto; 
     2105    margin: 0 5px 0 0; 
     2106    padding: 0; } 
    20992107  #login-screen #issue { 
    21002108    margin-left: 1.33em; 
    … …  
    21282136    border-radius: 8px; 
    21292137    border: 1px solid #dbdbdb; 
    2130     display: inline-block; } 
     2138    display: inline-block; 
     2139    filter: contrast(100%); } 
    21312140  #icons a:focus { 
    21322141    outline: 0; } 
    … …  
    29292938.ac_loading { 
    29302939  background: transparent url("loader.gif") right center no-repeat; } 
     2940 
     2941.ac_odd { 
     2942  background-color: #fff; } 
    29312943 
    29322944.ac_over { 

  • admin/style/scss/partials/_auth.scss

    r3763 r3770  
    5151          font-size: 1em; 
    5252     } 
     53  input.details-cmd { 
     54    width: auto; 
     55    margin: 0 5px 0 0; 
     56    padding: 0; 
     57  } 
    5358     #issue { 
    5459          margin-left: 1.33em; 

  • admin/style/scss/partials/_classes.scss

    r3763 r3770  
    2929} 
    3030 
     31.ac_odd { 
     32  background-color: $ac-results-background; 
     33} 
     34 
    3135.ac_over { 
    3236  color: $ac-results-over; 

  • admin/style/scss/partials/_forms.scss

    r3767 r3770  
    104104  border-color: $input-border; 
    105105} 
     106input[type=file] { 
     107  color: $input-file-color; 
     108  background: $input-file-background; 
     109} 
    106110// Special for invalid but not required fields 
    107111input:invalid:not(:required), textarea:invalid:not(:required), select:invalid:not(:required), input:not([type=file]):invalid:not(:focus):not(:required) { 

  • admin/style/scss/partials/_index.scss

    r3764 r3770  
    3434               border: 1px solid $index-icon-border; 
    3535               display: inline-block; 
     36      filter: contrast($index-icon-contrast); 
    3637          } 
    3738          &:focus { 

  • admin/style/scss/partials/_markup.scss

    r3767 r3770  
    182182     img { 
    183183          border: none; 
    184           background: inherit; 
     184          background: initial; 
    185185     } 
    186186} 

  • admin/style/scss/themes/_light.scss

    r3768 r3770  
    170170$input-focus:                     $link-outline;                      // #bee74b 
    171171 
     172$input-file-color:                $body-color; 
     173$input-file-background:           $body-background; 
     174 
    172175$form-note-color:                 $gray-dark;                         // #676e78 
    173176 
    … …  
    279282 
    280283// Application pages: 
    281 // - Auth 
     284// - Auth (white background page) 
    282285 
    283286$login-fieldset-background:       $white;                             // #ffffff 
    … …  
    291294$index-icon-border:               shade($gray-very-light, 10%);       // #dbdbdb 
    292295$index-icon-outline:              $link-outline;                      // #bee74b 
     296$index-icon-contrast:             100%; 
    293297 
    294298$quick-background:                $gray-very-light;                   // #f3f3f3 
Note: See TracChangeset for help on using the changeset viewer.

Sites map