docs(theming): make sure color and mode are documented properly

packages/core/src/components/segment-button/segment-button.tsx

@@ -46,9 +46,6 @@ import { createThemedClasses, getElementClassObject } from '../../utils/theme';
 export class SegmentButton {
   styleTmr: any;
 
-  mode: string;
-  color: string;
-
   @Element() private el: HTMLElement;
 
   /**
@@ -58,6 +55,20 @@ export class SegmentButton {
 
   @State() activated: boolean = false;
 
+  /**
+   * @input {string} The color to use from your Sass `$colors` map.
+   * Default options are: `"primary"`, `"secondary"`, `"danger"`, `"light"`, and `"dark"`.
+   * For more information, see [Theming your App](/docs/theming/theming-your-app).
+   */
+  @Prop() color: string;
+
+  /**
+   * @input {string} The mode determines which platform styles to use.
+   * Possible values are: `"ios"`, `"md"`, or `"wp"`.
+   * For more information, see [Platform Styles](/docs/theming/platform-specific-styles).
+   */
+  @Prop() mode: 'ios' | 'md' | 'wp';
+
   /**
    * @input {boolean} If true, the segment button is selected. Defaults to `false`.
    */