diff --git a/src/renderer/redux/selectors/settings.js b/src/renderer/redux/selectors/settings.js index 6c33fa604..3b9a20606 100644 --- a/src/renderer/redux/selectors/settings.js +++ b/src/renderer/redux/selectors/settings.js @@ -30,7 +30,6 @@ export const selectThemePath = createSelector( selectIsNight, (theme, automaticDarkModeEnabled, isNight) => { const dynamicTheme = automaticDarkModeEnabled && isNight ? 'dark' : theme; - // return `${staticResourcesPath}/themes/${dynamicTheme || 'light'}.css`; return dynamicTheme || 'light'; } ); diff --git a/static/themes/dark.css b/static/themes/dark.css deleted file mode 100644 index 13ee77b1c..000000000 --- a/static/themes/dark.css +++ /dev/null @@ -1,102 +0,0 @@ -@import url("../../node_modules/@lbry/color/lbry-color.css"); - -:root { - /* Colors */ - --color-divider: #53637C; - --color-canvas: transparent; - --color-help: #8696AF; - --color-download: rgba(255, 255, 255, 0.75); - --color-download-overlay: $lbry-black; - --color-bg: var(--color-blue-grey); - --color-bg-alt: #2D3D56; - --color-placeholder: $lbry-gray-1; - --color-credit-free: $lbry-blue-2; - - /* Text */ - --text-color: var(--color-text-white); - --text-help-color: $lbry-gray-5; - - /* Form */ - --form-label-color: $lbry-white; - - /* Input */ - --input-bg: transparent; - --input-label-color: $lbry-gray-5; - --input-color: $lbry-black; - --input-border-size: 1px; - --input-border-color: rgba(255,255,255, 0.5); - --input-hover-border-color: rgba(255, 255, 255, 1); - --input-copyable-bg: var(--color-blue-grey); - --input-copyable-color: #8696AF; - --input-copyable-border: #53637C; - --input-select-bg-color: $lbry-gray-1; - --input-select-color: $lbry-white; - - /* input:disabled */ - --input-disabled-border-color: rgba(255, 255, 255, 0.42); - --input-disabled-color: rgba(255, 255, 255, 0.54); - - /* Button */ - --btn-bg-primary: $lbry-teal-3; - --btn-color-primary: $lbry-white; - --btn-bg-primary-hover: var(--color-primary-light); - --btn-bg-alt: #13233C; - --btn-color-alt: $lbry-black; - --btn-home-bg-color: #44548F; - - /* Header */ - --header-bg: $lbry-white; - --header-color: var(--color-text); - --header-active-color: rgba(0, 0, 0, 0.85); - --header-button-bg: transparent; - --header-button-hover-bg: rgba(100, 100, 100, 0.15); - --header-primary-color: var(--color-purple); - - /* Header */ - --header-color: #CCC; - --header-active-color: $lbry-white; - --header-button-hover-bg: $lbry-gray-1; - - /* Header -> search */ - --search-color: $lbry-white; - --search-bg-color: rgb(58, 74, 99); - --search-active-bg-color: #13233C; - --search-active-shadow: 0 6px 9px -2px var(--color-grey--dark); - --search-modal-input-height: 70px; - --search-exact-result: #4C5D77; - - /* Nav */ - --nav-color: #44548F; - --nav-bg-color: #0D102F; - - /* Table */ - --table-border: 1px solid $lbry-gray-1; - --table-item-odd: $lbry-gray-1; - - /* Card */ - --card-bg: #13233C; - --card-radius: 3px; - --card-text-color: $lbry-gray-5; - --card-wallet-color: $lbry-white; - --success-msg-color: var(--color-primary-light); - --success-msg-border:$lbry-teal-3; - --success-msg-bg: rgba($lbry-gray-1, 0.5); - - /* Modal */ - --modal-bg: $lbry-white; - --modal-overlay-bg: rgba(32,48,73, 0.75); - --modal-border: 1px solid rgba(0, 0, 0, 0.25); - --modal-btn-bg-color: $lbry-gray-1; - - /* Scrollbar */ - --scrollbar-thumb-bg: rgba(255, 255, 255, 0.20); - --scrollbar-thumb-hover-bg: #8696AF; - - /* Shadows */ - --box-shadow-header: 0 6px 20px 1px rgba(0, 0, 0, 0.2); -} - -html, -.card { - /* filter: invert(100%) hue-rotate(180deg); */ -} diff --git a/static/themes/light.css b/static/themes/light.css deleted file mode 100644 index 052bf632f..000000000 --- a/static/themes/light.css +++ /dev/null @@ -1 +0,0 @@ -:root {}