spip-contrib-themes
/
spipr_v2_darkly
477
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

Declinaison darkly du theme flatly

master
Cerdic 1 year ago
parent
f89730f2ae
commit
eb0a8e4644
6 changed files with 145 additions and 114 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 92
      css/_bootswatch.scss
  2. 149
      css/_variables.scss
  3. 8
      css/theme.scss
  4. 4
      lang/paquet-theme_bs4darkly_fr.php
  5. 6
      paquet.xml
  6. BIN
      vignette.png

92
css/_bootswatch.scss
View File

@ -1,4 +1,4 @@
// Flatly 4.3.1
// Darkly 4.3.1
// Bootswatch
@ -10,49 +10,20 @@
// Navbar =======================================================================
.bg-primary {
.navbar-nav .active > .nav-link {
color: $success !important;
}
}
.bg-dark {
background-color: $success !important;
&.navbar-dark .navbar-nav {
.nav-link:focus,
.nav-link:hover,
.active > .nav-link {
color: $primary !important;
}
}
}
// Buttons =====================================================================
.btn {
&-secondary,
&-secondary:hover,
&-warning,
&-warning:hover {
color: #fff;
// Typography ==================================================================
.blockquote {
&-footer {
color: $gray-600;
}
}
// Typography ==================================================================
// Tables ======================================================================
.table {
&-primary,
&-secondary,
&-success,
&-info,
&-warning,
&-danger {
color: #fff;
}
&-primary {
&, > th, > td {
background-color: $primary;
@ -168,19 +139,30 @@
// Forms =======================================================================
.input-group-addon {
color: #fff;
}
// Navs ========================================================================
.nav-tabs {
.nav-tabs,
.nav-pills {
.nav-link,
.nav-link.active,
.nav-link.active:focus,
.nav-link.active:hover,
.nav-item.open .nav-link,
.nav-item.open .nav-link:focus,
.nav-item.open .nav-link:hover {
color: $primary;
color: #fff;
}
}
.breadcrumb a {
color: #fff;
}
.pagination {
a:hover {
text-decoration: none;
@ -190,7 +172,6 @@
// Indicators ==================================================================
.close {
text-decoration: none;
opacity: 0.4;
&:hover,
@ -199,13 +180,6 @@
}
}
.badge {
&-secondary,
&-warning {
color: #fff;
}
}
.alert {
border: none;
color: $white;
@ -219,35 +193,29 @@
@each $color, $value in $theme-colors {
&-#{$color} {
@if $enable-gradients {
background: $value linear-gradient(180deg, mix($body-bg, $value, 15%), $value) repeat-x;
background: $value linear-gradient(180deg, mix($white, $value, 15%), $value) repeat-x;
} @else {
background-color: $value;
}
}
}
&-light {
&,
& a,
& .alert-link {
color: $body-color;
}
}
}
// Progress bars ===============================================================
// Containers ==================================================================
.modal,
.toast {
.close {
color: $black;
.list-group-item-action {
color: #fff;
&:not(:disabled):not(.disabled):hover,
&:not(:disabled):not(.disabled):focus {
color: $black;
}
&:hover,
&:focus {
background-color: $gray-700;
color: #fff;
}
.list-group-item-heading {
color: #fff;
}
}

149
css/_variables.scss
View File

@ -1,4 +1,4 @@
// Flatly 4.3.1
// Darkly 4.3.1
// Bootswatch
//
@ -7,54 +7,35 @@
$white: #fff !default;
$gray-100: #f8f9fa !default;
$gray-200: #ecf0f1 !default;
$gray-200: #ebebeb !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #b4bcc2 !default;
$gray-600: #95a5a6 !default;
$gray-700: #7b8a8b !default;
$gray-800: #343a40 !default;
$gray-900: #212529 !default;
$gray-500: #adb5bd !default;
$gray-600: #888 !default;
$gray-700: #444 !default;
$gray-800: #303030 !default;
$gray-900: #222 !default;
$black: #000 !default;
$blue: #2C3E50 !default;
$blue: #3f6791 !default;
$indigo: #6610f2 !default;
$purple: #6f42c1 !default;
$pink: #e83e8c !default;
$red: #E74C3C !default;
$orange: #fd7e14 !default;
$yellow: #F39C12 !default;
$green: #18BC9C !default;
$green: #00bc8c !default;
$teal: #20c997 !default;
$cyan: #3498DB !default;
$primary: $blue !default;
$secondary: $gray-600 !default;
$secondary: $gray-700 !default;
$success: $green !default;
$info: $cyan !default;
$warning: $yellow !default;
$danger: $red !default;
$light: $gray-200 !default;
$dark: $gray-700 !default;
// Options
//
// Quickly modify global styling by enabling or disabling optional features.
$enable-caret: true !default;
$enable-rounded: true !default;
$enable-shadows: false !default;
$enable-gradients: false !default;
$enable-transitions: true !default;
$enable-prefers-reduced-motion-media-query: true !default;
$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS
$enable-grid-classes: true !default;
$enable-pointer-cursor-for-buttons: true !default;
$enable-print-styles: true !default;
$enable-responsive-font-sizes: false !default;
$enable-validation-icons: true !default;
$enable-deprecation-messages: true !default;
$light: $gray-500 !default;
$dark: $gray-800 !default;
$yiq-contrasted-threshold: 175 !default;
@ -77,8 +58,8 @@ $spacers: map-merge(
// Body
$body-color: $gray-800 !default;
$body-bg: $gray-900 !default;
$body-color: $gray-100 !default;
// Grid breakpoints
//
@ -106,7 +87,8 @@ $container-max-widths: (
// Links
$link-color: $success !default;
$link-color: $primary !default;
$link-hover-color: lighten($primary, 10%);
// Fonts
@ -130,13 +112,34 @@ $headings-font-weight: 700;
$blockquote-font-size: $font-size-base !default;
$border-color: $gray-700 !default;
$hr-border-color: $border-color !default;
$text-muted: $gray-600 !default;
// Tables
$table-accent-bg: $gray-200 !default;
$table-accent-bg: $gray-800 !default;
$table-border-color: $gray-700 !default;
// Forms
$input-border-color: $body-bg !default;
$input-group-addon-color: $gray-500 !default;
$input-group-addon-bg: $gray-700 !default;
$custom-file-color: $gray-500 !default;
$custom-file-border-color: $body-bg !default;
// Dropdowns
$dropdown-link-color: $gray-700 !default;
$dropdown-bg: $gray-900 !default;
$dropdown-border-color: $gray-700 !default;
$dropdown-divider-bg: $gray-700 !default;
$dropdown-link-color: $white !default;
$dropdown-link-hover-color: $white !default;
$dropdown-link-hover-bg: $primary !default;
@ -144,46 +147,98 @@ $dropdown-link-hover-bg: $primary !default;
$nav-link-padding-y: .5rem !default !default;
$nav-link-padding-x: 2rem !default;
$nav-link-disabled-color: $gray-600 !default !default;
$nav-link-disabled-color: $gray-500 !default;
$nav-tabs-border-color: $gray-200 !default;
$nav-tabs-border-color: $gray-700 !default;
$nav-tabs-link-hover-border-color: $nav-tabs-border-color $nav-tabs-border-color transparent !default;
$nav-tabs-link-active-color: $white !default;
$nav-tabs-link-active-border-color: $nav-tabs-border-color $nav-tabs-border-color transparent !default;
// Navbar
$navbar-padding-y: 1rem !default;
$navbar-dark-color: $white !default;
$navbar-dark-hover-color: $success !default;
$navbar-dark-color: rgba($white,.6) !default;
$navbar-dark-hover-color: $white !default;
$navbar-dark-hover-bg: transparent !default;
$navbar-dark-active-bg: transparent !default;
$navbar-light-color: rgba($gray-900, .7) !default;
$navbar-light-hover-color: $gray-900 !default;
$navbar-light-active-color: $gray-900 !default;
$navbar-light-toggler-border-color: rgba($gray-900, .1) !default;
// Pagination
$pagination-color: $white !default;
$pagination-bg: $success !default;
$pagination-bg: $primary !default;
$pagination-border-width: 0 !default;
$pagination-border-color: transparent !default;
$pagination-hover-color: $white !default;
$pagination-hover-bg: darken($success, 15%) !default;
$pagination-hover-bg: lighten($primary, 10%) !default;
$pagination-hover-border-color: transparent !default;
$pagination-active-bg: $pagination-hover-bg !default;
$pagination-active-border-color: transparent !default;
$pagination-disabled-color: $gray-200 !default;
$pagination-disabled-bg: lighten($success, 15%) !default;
$pagination-disabled-color: $white !default;
$pagination-disabled-bg: darken($primary, 15%) !default;
$pagination-disabled-border-color: transparent !default;
// Jumbotron
$jumbotron-bg: $gray-800 !default;
// Cards
$card-cap-bg: $gray-700 !default;
$card-bg: $gray-800 !default;
$well-bg: $card-bg !default;
$form-bg: $card-bg !default;
// Popovers
$popover-bg: $gray-800 !default;
$popover-header-bg: $gray-700 !default;
// Toasts
$toast-background-color: $gray-700 !default;
$toast-header-background-color: $gray-800 !default;
// Modals
$modal-content-bg: $gray-800 !default;
$modal-content-border-color: $gray-700 !default;
$modal-header-border-color: $gray-700 !default;
// Progress bars
$progress-bg: $gray-700 !default;
// List group
$list-group-hover-bg: $gray-200 !default;
$list-group-bg: $gray-800 !default;
$list-group-border-color: $gray-700 !default;
$list-group-disabled-bg: $gray-200 !default;
$list-group-hover-bg: $gray-700 !default;
// Breadcrumbs
$breadcrumb-bg: $gray-700 !default;
// Close
$close-color: $white !default;
$close-text-shadow: none !default;
@import "bootstrap/css/_variables";
// Code
$pre-color: inherit !default;
$code-color: $green;
@import "bootstrap/css/_variables";

8
css/theme.scss
View File

@ -10,6 +10,11 @@ html {
}
}
a {
@include hover-focus-active() {
background-color: rgba($gray-500, 0.05);
}
}
.secondary h1,.secondary .h1,.secondary .h1-like,
h2,.h2,.h2-like { line-height: 1.2;}
.secondary h2,.secondary .h2,.secondary .h2-like,
@ -60,3 +65,6 @@ h3,.h3,.h3-like { line-height: 1.2;}
}
}
.footer {
border-color: $border-color;
}

4
lang/paquet-theme_bs4flatly_fr.php → lang/paquet-theme_bs4darkly_fr.php
View File

@ -13,7 +13,7 @@ if (!defined('_ECRIRE_INC_VERSION')) return;
$GLOBALS[$GLOBALS['idx_lang']] = array(
// T
'theme_bs4flatly_description' => 'Flat an modern',
'theme_bs4flatly_slogan' => 'Flat an modern',
'theme_bs4darkly_description' => 'Flatly in night mode',
'theme_bs4darkly_slogan' => 'Flatly in night mode',
);
?>

6
paquet.xml
View File

@ -1,5 +1,5 @@
<paquet
prefix="theme_bs4flatly"
prefix="theme_bs4darkly"
categorie="theme"
version="2.3.3"
etat="stable"
@ -7,8 +7,8 @@
logo="vignette.png"
>
<nom>Flatly</nom>
<!-- Flat an modern -->
<nom>Darkly</nom>
<!-- Flatly in night mode -->
<auteur>MIL</auteur>

BIN
vignette.png
View File

Side by Side Swipe Overlay

Before

Width: 400  |  Height: 300  |  Size: 9.3 KiB

After

Width: 400  |  Height: 300  |  Size: 10 KiB

Write Preview
Loading…
Cancel
Save