diff --git a/demos/index.html b/demos/index.html index f0745696636..6c1cd54e08d 100644 --- a/demos/index.html +++ b/demos/index.html @@ -222,7 +222,7 @@ - + Theme diff --git a/demos/theme.html b/demos/theme.html deleted file mode 100644 index e4f39d3f66e..00000000000 --- a/demos/theme.html +++ /dev/null @@ -1,207 +0,0 @@ - - - - - - Theme - Material Components Catalog - - - - - - - - - -
-
-
- - - - Theme -
-
-
-
-
-
- - -
- -

Theme colors

- -
-

Theme colors as text

-
-
Primary
-
Primary Light
-
Primary Dark
-
-
-
Secondary
-
Secondary Light
-
Secondary Dark
-
-
- -
-

Theme colors as background

-
-
Primary
-
Primary Light
-
Primary Dark
-
-
-
Secondary
-
Secondary Light
-
Secondary Dark
-
-
-
Background
-
-
- -
-

Light and dark tonal variants for extreme input luminance

-
-
Low Luminance
-
Light Variant
-
Dark Variant
-
-
-
High Luminance
-
Light Variant
-
Dark Variant
-
-
- -

Text colors for contrast

- -
-

Text on background

-
- Primary - Secondary - Hint - Disabled - favorite -
-

Text on primary

-
- Primary - Secondary - Hint - Disabled - favorite -
-

Text on secondary

-
- Primary - Secondary - Hint - Disabled - favorite -
-

Text on user-defined light background

-
- Primary - Secondary - Hint - Disabled - favorite -
-

Text on user-defined dark background

-
- Primary - Secondary - Hint - Disabled - favorite -
-
-
- - diff --git a/demos/theme.scss b/demos/theme.scss deleted file mode 100644 index 19c77a5c4a9..00000000000 --- a/demos/theme.scss +++ /dev/null @@ -1,46 +0,0 @@ -// -// Copyright 2017 Google Inc. All Rights Reserved. -// -// Licensed under the Apache License, Version 2.0 (the "License"); -// you may not use this file except in compliance with the License. -// You may obtain a copy of the License at -// -// http://www.apache.org/licenses/LICENSE-2.0 -// -// Unless required by applicable law or agreed to in writing, software -// distributed under the License is distributed on an "AS IS" BASIS, -// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. -// See the License for the specific language governing permissions and -// limitations under the License. -// - -@import "./common"; -@import "../packages/mdc-button/mdc-button"; -@import "../packages/mdc-theme/mdc-theme"; - -$low-luminance-color: #3e2723; -$high-luminance-color: #fff8e1; - -.demo-theme-bg--low-luminance { - background-color: $low-luminance-color; -} - -.demo-theme-bg--low-luminance-light { - background-color: mdc-theme-light-variant($low-luminance-color); -} - -.demo-theme-bg--low-luminance-dark { - background-color: mdc-theme-dark-variant($low-luminance-color); -} - -.demo-theme-bg--high-luminance { - background-color: $high-luminance-color; -} - -.demo-theme-bg--high-luminance-light { - background-color: mdc-theme-light-variant($high-luminance-color); -} - -.demo-theme-bg--high-luminance-dark { - background-color: mdc-theme-dark-variant($high-luminance-color); -} diff --git a/demos/theme/index.html b/demos/theme/index.html index 5ab5efee0f7..c0d3551e150 100644 --- a/demos/theme/index.html +++ b/demos/theme/index.html @@ -35,14 +35,14 @@ -