Page MenuHomeDevCentral
Files F3781509

D658.diff
No OneTemporary
Actions

D658.diff
View Options

diff --git a/src/assets/scss/_settings.scss b/src/assets/scss/_settings.scss
--- a/src/assets/scss/_settings.scss
+++ b/src/assets/scss/_settings.scss
@@ -49,19 +49,19 @@
$global-width: rem-calc(1200);
$global-lineheight: 1.5;
$foundation-palette: (
- primary: #2199e8,
- secondary: #777,
- success: #3adb76,
- warning: #ffae00,
- alert: #ec5840,
+ primary: #2C6A74,
+ secondary: #3F8B82,
+ success: #3F8B82,
+ warning: #F06330,
+ alert: #F06330,
);
$light-gray: #e6e6e6;
$medium-gray: #cacaca;
$dark-gray: #8a8a8a;
-$black: #0a0a0a;
-$white: #fefefe;
-$body-background: $white;
-$body-font-color: $black;
+$black: #262626;
+$white: #F2E8DF;
+$body-background: $black;
+$body-font-color: $white;
$body-font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
$body-antialiased: true;
$global-margin: 1rem;
@@ -139,7 +139,7 @@
$code-background: $light-gray;
$code-border: 1px solid $medium-gray;
$code-padding: rem-calc(2 5 1);
-$anchor-color: $primary-color;
+$anchor-color: $secondary-color;
$anchor-color-hover: scale-color($anchor-color, $lightness: -14%);
$anchor-text-decoration: none;
$anchor-text-decoration-hover: none;
@@ -193,12 +193,12 @@
// 7. Accordion
// ------------
-$accordion-background: $white;
+$accordion-background: $black;
$accordion-plusminus: true;
$accordion-item-color: foreground($accordion-background, $primary-color);
$accordion-item-background-hover: $light-gray;
$accordion-item-padding: 1.25rem 1rem;
-$accordion-content-background: $white;
+$accordion-content-background: $black;
$accordion-content-border: 1px solid $light-gray;
$accordion-content-color: foreground($accordion-background, $primary-color);
$accordion-content-padding: 1rem;
@@ -224,7 +224,7 @@
$breadcrumbs-margin: 0 0 $global-margin 0;
$breadcrumbs-item-font-size: rem-calc(11);
$breadcrumbs-item-color: $primary-color;
-$breadcrumbs-item-color-current: $black;
+$breadcrumbs-item-color-current: $white;
$breadcrumbs-item-color-disabled: $medium-gray;
$breadcrumbs-item-margin: 0.75rem;
$breadcrumbs-item-uppercase: true;
@@ -260,8 +260,8 @@
// 13. Callout
// -----------
-$callout-background: $white;
-$callout-background-fade: 85%;
+$callout-background: $black;
+$callout-background-fade: 15%;
$callout-border: 1px solid rgba($black, 0.25);
$callout-margin: 0 0 1rem 0;
$callout-padding: 1rem;
@@ -278,8 +278,8 @@
$closebutton-offset-vertical: 0.5rem;
$closebutton-size: 2em;
$closebutton-lineheight: 1;
-$closebutton-color: $dark-gray;
-$closebutton-color-hover: $black;
+$closebutton-color: $light-gray;
+$closebutton-color-hover: $white;
// 15. Drilldown
// -------------
@@ -287,7 +287,7 @@
$drilldown-transition: transform 0.15s linear;
$drilldown-arrows: true;
$drilldown-arrow-color: $primary-color;
-$drilldown-background: $white;
+$drilldown-background: $black;
// 16. Dropdown
// ------------
@@ -309,7 +309,7 @@
$dropdownmenu-arrows: true;
$dropdownmenu-arrow-color: $anchor-color;
$dropdownmenu-min-width: 200px;
-$dropdownmenu-background: $white;
+$dropdownmenu-background: $black;
$dropdownmenu-border: 1px solid $medium-gray;
// 18. Flex Video
@@ -322,32 +322,32 @@
// 19. Forms
// ---------
-$fieldset-border: 1px solid $medium-gray;
+$fieldset-border: 1px solid $dark-gray;
$fieldset-padding: rem-calc(20);
$fieldset-margin: rem-calc(18 0);
$legend-padding: rem-calc(0 3);
$form-spacing: rem-calc(16);
-$helptext-color: $black;
+$helptext-color: $white;
$helptext-font-size: rem-calc(13);
$helptext-font-style: italic;
-$input-prefix-color: $black;
+$input-prefix-color: $white;
$input-prefix-background: $light-gray;
$input-prefix-border: 1px solid $medium-gray;
$input-prefix-padding: 1rem;
-$form-label-color: $black;
+$form-label-color: $white;
$form-label-font-size: rem-calc(14);
$form-label-font-weight: $global-weight-normal;
$form-label-line-height: 1.8;
-$select-background: $white;
-$select-triangle-color: $dark-gray;
+$select-background: $black;
+$select-triangle-color: $light-gray;
$select-radius: $global-radius;
-$input-color: $black;
+$input-color: $white;
$input-placeholder-color: $medium-gray;
$input-font-family: inherit;
$input-font-size: rem-calc(16);
-$input-background: $white;
-$input-background-focus: $white;
-$input-background-disabled: $light-gray;
+$input-background: $black;
+$input-background-focus: $black;
+$input-background-disabled: $dark-gray;
$input-border: 1px solid $medium-gray;
$input-border-focus: 1px solid $dark-gray;
$input-shadow: inset 0 1px 2px rgba($black, 0.1);
@@ -450,7 +450,7 @@
// 28. Reveal
// ----------
-$reveal-background: $white;
+$reveal-background: $black;
$reveal-width: 600px;
$reveal-max-width: $global-width;
$reveal-padding: $global-padding;
@@ -484,7 +484,7 @@
$switch-height-large: 2.5rem;
$switch-radius: $global-radius;
$switch-margin: $global-margin;
-$switch-paddle-background: $white;
+$switch-paddle-background: $black;
$switch-paddle-offset: 0.25rem;
$switch-paddle-radius: $global-radius;
$switch-paddle-transition: all 0.25s ease-out;
@@ -492,7 +492,7 @@
// 31. Table
// ---------
-$table-background: $white;
+$table-background: $black;
$table-color-scale: 5%;
$table-border: 1px solid smart-scale($table-background, $table-color-scale);
$table-padding: rem-calc(8 10 10);
@@ -510,13 +510,13 @@
// --------
$tab-margin: 0;
-$tab-background: $white;
+$tab-background: $black;
$tab-background-active: $light-gray;
$tab-item-font-size: rem-calc(12);
$tab-item-background-hover: $white;
$tab-item-padding: 1.25rem 1.5rem;
$tab-expand-max: 6;
-$tab-content-background: $white;
+$tab-content-background: $black;
$tab-content-border: $light-gray;
$tab-content-color: foreground($tab-background, $primary-color);
$tab-content-padding: 1rem;

File Metadata

Mime Type
text/plain
Expires
Tue, Nov 26, 20:34 (22 h, 2 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2265073
Default Alt Text
D658.diff (5 KB)

Event Timeline

Nasqueron DevCentral · If it had been much bigger the moon would have had a core of ice. · Powered by Phabricator