From 3e725292404293f994b4362896b7915efcb75f35 Mon Sep 17 00:00:00 2001 From: "Robert A. Petit III" Date: Fri, 8 Jan 2021 11:02:49 -0500 Subject: [PATCH 1/2] add new theme dark mood --- src/configuration-component.ts | 1 + src/stylesheets/themes/dark-mood/button.scss | 14 ++++++++++++++ src/stylesheets/themes/dark-mood/index.scss | 4 ++++ src/stylesheets/themes/dark-mood/syntax.scss | 1 + .../themes/dark-mood/utterances.scss | 4 ++++ .../themes/dark-mood/variables.scss | 18 ++++++++++++++++++ 6 files changed, 42 insertions(+) mode change 100644 => 100755 src/configuration-component.ts create mode 100755 src/stylesheets/themes/dark-mood/button.scss create mode 100755 src/stylesheets/themes/dark-mood/index.scss create mode 100755 src/stylesheets/themes/dark-mood/syntax.scss create mode 100755 src/stylesheets/themes/dark-mood/utterances.scss create mode 100755 src/stylesheets/themes/dark-mood/variables.scss diff --git a/src/configuration-component.ts b/src/configuration-component.ts old mode 100644 new mode 100755 index 59a5ff34..2e7afd7c --- a/src/configuration-component.ts +++ b/src/configuration-component.ts @@ -137,6 +137,7 @@ export class ConfigurationComponent { +

Enable Utterances

diff --git a/src/stylesheets/themes/dark-mood/button.scss b/src/stylesheets/themes/dark-mood/button.scss new file mode 100755 index 00000000..1a57d198 --- /dev/null +++ b/src/stylesheets/themes/dark-mood/button.scss @@ -0,0 +1,14 @@ +.btn-primary { + background: linear-gradient(#407045, #305530); + border-color: #083; + color: #e2e2e2; +} + +.btn-primary:hover { + background: linear-gradient(#508055, #407045); +} + +.btn-primary:disabled { + background: linear-gradient(#203522, #152715); + border-color: #041; +} \ No newline at end of file diff --git a/src/stylesheets/themes/dark-mood/index.scss b/src/stylesheets/themes/dark-mood/index.scss new file mode 100755 index 00000000..dc150078 --- /dev/null +++ b/src/stylesheets/themes/dark-mood/index.scss @@ -0,0 +1,4 @@ +@import "./variables"; +@import "../../index"; +@import "./syntax"; +@import "./button.scss"; diff --git a/src/stylesheets/themes/dark-mood/syntax.scss b/src/stylesheets/themes/dark-mood/syntax.scss new file mode 100755 index 00000000..6fd1d451 --- /dev/null +++ b/src/stylesheets/themes/dark-mood/syntax.scss @@ -0,0 +1 @@ +@import "github-syntax-dark/lib/github-dark"; diff --git a/src/stylesheets/themes/dark-mood/utterances.scss b/src/stylesheets/themes/dark-mood/utterances.scss new file mode 100755 index 00000000..1bd16b05 --- /dev/null +++ b/src/stylesheets/themes/dark-mood/utterances.scss @@ -0,0 +1,4 @@ +@import "./variables"; +@import "../../utterances"; +@import "./syntax"; +@import "./button.scss"; diff --git a/src/stylesheets/themes/dark-mood/variables.scss b/src/stylesheets/themes/dark-mood/variables.scss new file mode 100755 index 00000000..e870258f --- /dev/null +++ b/src/stylesheets/themes/dark-mood/variables.scss @@ -0,0 +1,18 @@ +$gray-000: #0D1117; +$gray-100: #222; +$gray-200: #24292e; +$gray-300: #343434; +$gray-400: #586069; +$gray-600: #7b7b7b; +$gray-700: #959da5; +$bg-white: #0D1117; +$bg-gray: #090D13; +$bg-gray-light: darken($bg-gray, 5%); +$border-gray: $gray-300; +$border-gray-dark: $border-gray; +$text-gray: #949494; +$text-gray-dark: #C9D1D9; +$text-blue: rgb(65, 131, 196); +$bg-blue-light: #182030; +$black-fade-15: rgba(#fff, 0.15); +$black-fade-30: rgba(#fff, 0.3); From 1639296ec35149994166d803cbc765946ad6df87 Mon Sep 17 00:00:00 2001 From: Robert A Petit III Date: Tue, 16 Feb 2021 22:55:07 -0500 Subject: [PATCH 2/2] rename to classic dark --- src/configuration-component.ts | 2 +- src/stylesheets/themes/{dark-mood => classic-dark}/button.scss | 0 src/stylesheets/themes/{dark-mood => classic-dark}/index.scss | 0 src/stylesheets/themes/{dark-mood => classic-dark}/syntax.scss | 0 .../themes/{dark-mood => classic-dark}/utterances.scss | 0 .../themes/{dark-mood => classic-dark}/variables.scss | 0 6 files changed, 1 insertion(+), 1 deletion(-) rename src/stylesheets/themes/{dark-mood => classic-dark}/button.scss (100%) rename src/stylesheets/themes/{dark-mood => classic-dark}/index.scss (100%) rename src/stylesheets/themes/{dark-mood => classic-dark}/syntax.scss (100%) rename src/stylesheets/themes/{dark-mood => classic-dark}/utterances.scss (100%) rename src/stylesheets/themes/{dark-mood => classic-dark}/variables.scss (100%) diff --git a/src/configuration-component.ts b/src/configuration-component.ts index 2e7afd7c..352813cb 100755 --- a/src/configuration-component.ts +++ b/src/configuration-component.ts @@ -137,7 +137,7 @@ export class ConfigurationComponent { - +

Enable Utterances

diff --git a/src/stylesheets/themes/dark-mood/button.scss b/src/stylesheets/themes/classic-dark/button.scss similarity index 100% rename from src/stylesheets/themes/dark-mood/button.scss rename to src/stylesheets/themes/classic-dark/button.scss diff --git a/src/stylesheets/themes/dark-mood/index.scss b/src/stylesheets/themes/classic-dark/index.scss similarity index 100% rename from src/stylesheets/themes/dark-mood/index.scss rename to src/stylesheets/themes/classic-dark/index.scss diff --git a/src/stylesheets/themes/dark-mood/syntax.scss b/src/stylesheets/themes/classic-dark/syntax.scss similarity index 100% rename from src/stylesheets/themes/dark-mood/syntax.scss rename to src/stylesheets/themes/classic-dark/syntax.scss diff --git a/src/stylesheets/themes/dark-mood/utterances.scss b/src/stylesheets/themes/classic-dark/utterances.scss similarity index 100% rename from src/stylesheets/themes/dark-mood/utterances.scss rename to src/stylesheets/themes/classic-dark/utterances.scss diff --git a/src/stylesheets/themes/dark-mood/variables.scss b/src/stylesheets/themes/classic-dark/variables.scss similarity index 100% rename from src/stylesheets/themes/dark-mood/variables.scss rename to src/stylesheets/themes/classic-dark/variables.scss