Skip to content

Instantly share code, notes, and snippets.

@stinaq
Created September 3, 2013 14:48
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save stinaq/40553e1c8395a6bba22f to your computer and use it in GitHub Desktop.
Save stinaq/40553e1c8395a6bba22f to your computer and use it in GitHub Desktop.
A documented version of a spcolor file, specifying the selectors used
<?xml version="1.0" encoding="utf-8"?>
<s:colorPalette isInverted="false" previewSlot1="BackgroundOverlay" previewSlot2="BodyText" previewSlot3="AccentText" xmlns:s="http://schemas.microsoft.com/sharepoint/">
<!-- BodyText
#ms-designbuilder-layout-menusection .ms-cui-ctl-mediumlabel,
#ms-pageDescriptionImage,
.ConnectionChooseInactiveTab,
.ConnectionConfigureInactiveTab,
.ConnectionTabLink,
.js-callout-body,
.ms-acal-apanel,
.ms-acal-day-top,
.ms-acal-daygroup-time A:link,
.ms-acal-daygroup-time A:visited,
.ms-acal-detailtime A:link,
.ms-acal-detailtime A:visited,
.ms-acal-display,
.ms-acal-entity,
.ms-acal-month-top,
.ms-acal-summary-dayrow td div,
.ms-acal-week-top td,
.ms-acal-weekgroup-top td div,
.ms-atMention:link,
.ms-atMention:visited,
.ms-core-defaultFont,
.ms-core-listMenu-horizontalBox .dynamic .dynamic-children.additional-background,
.ms-core-listMenu-horizontalBox .dynamic-children.additional-background,
.ms-core-listMenu-verticalBox .dynamic-children.additional-background,
.ms-core-menu-link:link,
.ms-core-menu-link:visited,
.ms-fb-select td,
.ms-fb-time th,
.ms-gb,
.ms-gb2,
.ms-gbload,
.ms-hashTag:link,
.ms-hashTag:visited,
.ms-InlineSearch-SearchBox-EmptyFocused,
.ms-InlineSearch-SearchBox-Filled.ms-InlineSearch-SearchBox-Filled,
.ms-inputBox,
.ms-linksection-title,
.ms-listheaderlabel,
.ms-pb a,
.ms-pb,
.ms-pb-selected a,
.ms-pb-selected td,
.ms-pb-selected,
.ms-picker-daycenter a,
.ms-picker-daycenterOn a,
.ms-picker-dayother a:hover,
.ms-picker-dayselected a:link,
.ms-picker-monthcenterOn a,
.ms-picker-monthcenterOn a:active,
.ms-picker-monthcenterOn a:link,
.ms-picker-monthcenterOn a:visited,
.ms-picker-monthselected a,
.ms-picker-today a,
.ms-picker-week a,
.ms-picker-weekselected a,
.ms-picker-weekselected a:hover,
.ms-quickLaunch table.ms-picker-table td.ms-picker-monthcenterOn,
.ms-quickLaunch table.ms-picker-table td.ms-picker-monthselected,
.ms-rte-autocomplete-modes div,
.ms-rte-autocomplete-results div,
.ms-rteImage-1,
.ms-rteImage-3,
.ms-rteStyle-Byline,
.ms-rteStyle-Highlight,
.ms-rteStyle-IntenseQuote,
.ms-rteStyle-Normal,
.ms-rteStyle-Quote,
.ms-rteTable-2 tr.ms-rteTableFooterRow-2 > td,
.ms-rteTable-2 tr.ms-rteTableFooterRow-2 > th,
.ms-rteTable-2 tr.ms-rteTableFooterRow-2,
.ms-rteTable-2 tr.ms-rteTableHeaderRow-2 > th,
.ms-rteTable-2 tr.ms-rteTableHeaderRow-2,
.ms-rteThemeBackColor-2-0,
.ms-rteThemeBackColor-2-1,
.ms-rteThemeBackColor-2-2,
.ms-rteThemeBackColor-2-3,
.ms-rteThemeBackColor-2-4,
.ms-rteThemeBackColor-2-5,
.ms-rteThemeForeColor-2-0,
.ms-rteThemeForeColor-2-1,
.ms-rteThemeForeColor-2-2,
.ms-rteThemeForeColor-2-3,
.ms-rteThemeForeColor-2-4,
.ms-rteThemeForeColor-2-5,
.ms-signInLink:hover,
.ms-subtleLink:link,
.ms-subtleLink:visited,
.ms-taskdate-daysunit,
.ms-taskdate-daysvalue,
.ms-templatepickerselected > div > a,
.ms-vb a.ms-listlink,
.ms-vb a.ms-listlink:visited,
.ms-vb a.ms-listlink:visited:hover,
.ms-vb,
.ms-vb-tall,
.ms-vb-tall,
.ms-vb-user a.ms-listlink,
.ms-vb-user,
.ms-vb-user,
.ms-vb2 a.ms-listlink,
.ms-vb2,
.ms-vh2-nofilter-icon a,
.ms-vh2-nofilter-icon,
.ms-vl-apptitle,
.ms-vl-calloutarrow,
.ms-welcome-hover > a.ms-core-menu-root,
.mspicker-daycenterOn a:hover,
.sp-peoplepicker-autoFillContainer,
.sp-peoplepicker-topLevel,
.sp-peoplepicker-topLevelDisabled,
.sp-peoplepicker-userDisplayLink,
.UserCell,
.UserCellHover,
.UserGenericText,
.UserSectionFooter,
.UserSectionTitle,
a.ms-acal-apanel-title:hover span,
a.ms-core-menu-link,
a.ms-designgallery-name,
a.ms-designgallery-name,
a.ms-listlink,
a.ms-listlink:active,
a.ms-listlink:hover,
a:hover.ms-vl-calloutarrow,
a:visited.ms-vl-apptitle,
body,
input[type=file],
input[type=password],
input[type=text],
select,
span.ms-taskListShortcutCalloutSpan,
textarea,
th .ms-vb a,
th .ms-vb,
th.ms-vh2-nograd,
th.ms-vh2-nograd-icon,
-->
<s:color name="BodyText" value="000000" />
<!-- SublteBodyText
.ms-attractMode,
.ms-attractMode-Text,
.ms-comm-ratingCountContainer,
.ms-comm-ratingSeparator,
.ms-core-listMenu-ghost,
.ms-core-listMenu-ghost:active,
.ms-core-listMenu-ghost:hover,
.ms-core-listMenu-ghost:link,
.ms-core-listMenu-ghost:visited,
.ms-descriptiontext,
.ms-emptyMode,
.ms-gb a,
.ms-gb2 a,
.ms-gb2,
.ms-gbload,
.ms-h1,
.ms-helperText,
.ms-InlineSearch-SearchBox-EmptyUnfocused.ms-InlineSearch-SearchBox-EmptyUnfocused,
.ms-list-emptyText,
.ms-list-emptyText-compact,
.ms-metadata,
.ms-navedit-hiddenLink.ms-core-listMenu-item,
.ms-navedit-hiddenLink.ms-core-listMenu-item:link,
.ms-navedit-hiddenLink.ms-core-listMenu-item:visited,
.ms-ph,
.ms-picker-dayother a:link,
.ms-picker-monthcenter a,
.ms-picker-monthcenter a:active,
.ms-picker-monthcenter a:link,
.ms-picker-monthcenter a:visited,
.ms-picker-table .ms-picker-dayheader,
.ms-rteImage-1,
.ms-rtestate-field h4,
.ms-rteStyle-IntenseReferences,
.ms-rteStyle-References,
.ms-rteStyle-Tagline,
.ms-rteTable-0 > tbody > tr > th,
.ms-rteTable-0 > tbody > tr.ms-rteTableFooterRow-0,
.ms-rteTable-1 > tbody > tr > th,
.ms-rteTable-1 > tbody > tr.ms-rteTableFooterRow-1,
.ms-rteTable-10 > tbody > tr > th,
.ms-rteTable-10 > tbody > tr.ms-rteTableFooterRow-10,
.ms-rteTable-2 > tbody > tr > th,
.ms-rteTable-2 > tbody > tr.ms-rteTableFooterRow-2,
.ms-rteTable-3 > tbody > tr > th,
.ms-rteTable-3 > tbody > tr.ms-rteTableFooterRow-3,
.ms-rteTable-4 > tbody > tr > th,
.ms-rteTable-4 > tbody > tr.ms-rteTableFooterRow-4,
.ms-rteTable-5 > tbody > tr > th,
.ms-rteTable-5 > tbody > tr.ms-rteTableFooterRow-5,
.ms-rteTable-6 > tbody > tr > th,
.ms-rteTable-6 > tbody > tr.ms-rteTableFooterRow-6,
.ms-rteTable-7 > tbody > tr > th,
.ms-rteTable-7 > tbody > tr.ms-rteTableFooterRow-7,
.ms-rteTable-8 > tbody > tr > th,
.ms-rteTable-8 > tbody > tr.ms-rteTableFooterRow-8,
.ms-rteTable-9 > tbody > tr > th,
.ms-rteTable-9 > tbody > tr.ms-rteTableFooterRow-9,
.ms-rteTable-default > tbody > tr > th,
.ms-rteTable-default > tbody > tr.ms-rteTableFooterRow-default,
.ms-soften,
.ms-soften:active,
.ms-soften:hover,
.ms-soften:link,
.ms-spgrid-col-header-all-selected,
.ms-spgrid-col-header-normal,
.ms-spgrid-col-header-part-selected,
.ms-SPZoneCaption,
.ms-SPZoneLabel,
.ms-SPZoneTitle,
.ms-templatepickerunselected > div > a,
.ms-vh a,
.ms-vh,
.ms-vh-icon,
.ms-vh-icon-empty,
.ms-vh2 a,
.ms-vh2,
.ms-vh2,
.ms-vh2-nofilter,
.ms-vh2-nofilter,
.ms-vh2-nofilter-icon,
.ms-vh2-nofilter-notextalign,
.ms-vh2-nofilter-notextalign,
.ms-vh2-nofilter-perm,
.ms-vh2-nofilter-perm,
.ms-vh2-nograd,
.ms-vh2-nograd-icon,
.ms-vh3-nograd,
.ms-vhImage,
.ms-webpart-zone-title,
.UserSectionHead,
a.ms-soften:visited,
h1,
h4.ms-rteElement-H4,
input.ms-helperText,
th .ms-selectedtitle .ms-vb a,
th .ms-selectedtitle .ms-vb,
th .ms-selectedtitle .ms-vh2-nofilter-icon a,
th .ms-selectedtitle .ms-vh2-nofilter-icon,
th.ms-vh3-nograd,
-->
<s:color name="SubtleBodyText" value="777777" />
<!-- StrongBodyText
h2,
h3,
.ms-h2,
.ms-h3,
.ms-headerFont,
h4,
.ms-h4,
-->
<s:color name="StrongBodyText" value="262626" />
<!-- DisabledText
.ms-core-listMenu-disabled,
.ms-core-listMenu-disabled:active,
.ms-core-listMenu-disabled:hover,
.ms-core-listMenu-disabled:link,
.ms-core-listMenu-disabled:visited,
.ms-core-menu-item[disabled=true] > .ms-core-menu-link > .ms-core-menu-label > .ms-core-menu-title,
.ms-core-menu-itemDisabled > .ms-core-menu-link > .ms-core-menu-label > .ms-core-menu-title,
.ms-disabled,
.ms-inputBoxDisabled,
.ms-inputuserfield:disabled,
.ms-vl-disabledapp > div,
.sp-peoplepicker-topLevelDisabled,
a.ms-vl-disabledapp,
input[type=file][disabled],
input[type=password][disabled],
input[type=text][disabled],
select[disabled],
textarea[disabled],
-->
<s:color name="DisabledText" value="B1B1B1" />
<!-- SideTitle
-->
<s:color name="SiteTitle" value="262626" />
<s:color name="WebPartHeading" value="444444" />
<s:color name="ErrorText" value="FF0000" />
<s:color name="AccentText" value="6AA923" />
<s:color name="SearchURL" value="358700" />
<s:color name="Hyperlink" value="333333" />
<s:color name="Hyperlinkfollowed" value="888888" />
<s:color name="HyperlinkActive" value="888888" />
<s:color name="CommandLinks" value="888888" />
<s:color name="CommandLinksSecondary" value="262626" />
<!-- CommandLinksHover
.ms-atMention:hover,
.ms-atMention:hover,
.ms-atMention:hover,
.ms-calloutLink:hover,
.ms-calloutLink:hover,
.ms-calloutLink:hover,
.ms-commandLink:hover,
.ms-commandLink:hover,
.ms-commandLink:hover,
.ms-core-listMenuEdit:hover > tr > .ms-navedit-linkCell > .ms-core-listMenu-item,
.ms-core-listMenuEdit:hover > tr > .ms-navedit-linkCell > .ms-core-listMenu-item,
.ms-core-listMenuEdit:hover > tr > .ms-navedit-linkCell > .ms-core-listMenu-item,
.ms-hashTag:hover,
.ms-hashTag:hover,
.ms-hashTag:hover,
.ms-heroCommandLink,
.ms-heroCommandLink,
.ms-heroCommandLink:visited,
.ms-navedit-editLinksText:hover > span > .ms-metadata,
.ms-navedit-editLinksText:hover > span > .ms-metadata,
.ms-navedit-editLinksText:hover > span > .ms-metadata,
.ms-pivotControl-overflowDot:hover,
.ms-pivotControl-surfacedOpt-selected,
.ms-pivotControl-surfacedOpt:hover,
.ms-secondaryCommandLink:hover,
.ms-secondaryCommandLink:hover,
.ms-secondaryCommandLink:hover,
.ms-subtleEmphasisCommand:hover,
.ms-subtleEmphasisCommand:hover,
.ms-subtleLink:hover,
.ms-subtleLink:hover,
.ms-subtleLink:hover,
.ms-webpart-titleText > a:hover,
.ms-webpart-titleText > a:hover,
a.ms-designbuilder-navbutton:focus,
a.ms-designbuilder-navbutton:hover,
a.ms-roamingapps-goback:focus,
a.ms-roamingapps-goback:hover,
-->
<s:color name="CommandLinksHover" value="88BA4F" />
<!-- CommandLinksPressed
.ms-atMention:active,
.ms-calloutLink:active,
.ms-commandLink:active,
.ms-core-listMenuEdit:active > tr > .ms-navedit-linkCell > .ms-core-listMenu-item,
.ms-hashTag:active,
.ms-heroCommandLink:active,
.ms-heroCommandLink:hover,
.ms-heroCommandLink:hover,
.ms-navedit-editLinksText:active > span > .ms-metadata,
.ms-secondaryCommandLink:active,
.ms-subtleEmphasisCommand:active,
.ms-subtleLink:active,
.ms-webpart-titleText > a:active,
a.ms-designbuilder-navbutton:active,
a.ms-roamingapps-goback:active,
-->
<s:color name="CommandLinksPressed" value="7CA921" />
<s:color name="CommandLinksDisabled" value="B1B1B1" />
<s:color name="BackgroundOverlay" value="E5FFFFFF" />
<s:color name="DisabledBackground" value="FDFDFD" />
<s:color name="PageBackground" value="FFFFFF" />
<s:color name="HeaderBackground" value="D9F8F8F8" />
<s:color name="FooterBackground" value="CBEFEFEF" />
<s:color name="SelectionBackground" value="7FC3E67D" />
<s:color name="HoverBackground" value="67E1F1C1" />
<s:color name="RowAccent" value="6AA923" />
<s:color name="StrongLines" value="B0DD57" />
<s:color name="Lines" value="ABABAB" />
<s:color name="SubtleLines" value="E5E5E5" />
<s:color name="DisabledLines" value="E1E1E1" />
<s:color name="AccentLines" value="94CA28" />
<s:color name="DialogBorder" value="E5E5E5" />
<s:color name="Navigation" value="000000" />
<s:color name="NavigationAccent" value="6AA923" />
<s:color name="NavigationHover" value="88BA4F" />
<s:color name="NavigationPressed" value="7CA921" />
<s:color name="NavigationHoverBackground" value="67EFEFEF" />
<s:color name="HexNavigationHoverBackground" value="F8F8F8" />
<s:color name="HexLowerNavigationHoverBackground" value="AACD82" />
<s:color name="NavigationSelectedBackground" value="67EFEFEF" />
<s:color name="EmphasisText" value="FFFFFF" />
<s:color name="EmphasisBackground" value="6AA923" />
<s:color name="EmphasisHoverBackground" value="6AA923" />
<s:color name="EmphasisBorder" value="6AA923" />
<s:color name="EmphasisHoverBorder" value="88BA4F" />
<s:color name="SubtleEmphasisText" value="666666" />
<s:color name="SubtleEmphasisCommandLinks" value="262626" />
<s:color name="SubtleEmphasisBackground" value="C6EFEFEF" />
<s:color name="TopBarText" value="FFFFFF" />
<s:color name="TopBarBackground" value="6AA923" />
<s:color name="TopBarHoverText" value="333333" />
<s:color name="TopBarPressedText" value="333333" />
<s:color name="HeaderText" value="444444" />
<s:color name="HeaderSubtleText" value="777777" />
<s:color name="HeaderDisableText" value="B1B1B1" />
<s:color name="HeaderNavigationText" value="666666" />
<s:color name="HeaderNavigationHoverText" value="6AA923" />
<s:color name="HeaderNavigationPressedText" value="88BA4F" />
<s:color name="HeaderNavigationSelectedText" value="6AA923" />
<s:color name="HeaderLines" value="ABABAB" />
<s:color name="HeaderStrongLines" value="B0DD57" />
<s:color name="HeaderAccentLines" value="94CA28" />
<s:color name="HeaderSubtleLines" value="C6C6C6" />
<s:color name="HeaderDisabledLines" value="E1E1E1" />
<s:color name="HeaderDisabledBackground" value="FDFDFD" />
<s:color name="HeaderFlyoutBorder" value="D1D1D1" />
<s:color name="HeaderSiteTitle" value="262626" />
<s:color name="SuiteBarBackground" value="6AA923" />
<s:color name="SuiteBarHoverBackground" value="88BA4F" />
<s:color name="SuiteBarText" value="FFFFFF" />
<s:color name="SuiteBarDisabledText" value="EBEBEB" />
<s:color name="ButtonText" value="444444" />
<s:color name="ButtonDisabledText" value="B1B1B1" />
<s:color name="ButtonBackground" value="FDFDFD" />
<s:color name="ButtonHoverBackground" value="88BA4F" />
<s:color name="ButtonPressedBackground" value="6AA923" />
<s:color name="ButtonDisabledBackground" value="FDFDFD" />
<s:color name="ButtonBorder" value="ABABAB" />
<s:color name="ButtonHoverBorder" value="6AA923" />
<s:color name="ButtonPressedBorder" value="6AA923" />
<s:color name="ButtonDisabledBorder" value="E1E1E1" />
<s:color name="ButtonGlyph" value="666666" />
<s:color name="ButtonGlyphActive" value="444444" />
<s:color name="ButtonGlyphDisabled" value="B1B1B1" />
<s:color name="TileText" value="FFFFFF" />
<s:color name="TileBackgroundOverlay" value="99000000" />
<s:color name="ContentAccent1" value="6AA923" />
<s:color name="ContentAccent2" value="88BA4F" />
<s:color name="ContentAccent3" value="1BA1E2" />
<s:color name="ContentAccent4" value="E671B8" />
<s:color name="ContentAccent5" value="A200FF" />
<s:color name="ContentAccent6" value="996600" />
</s:colorPalette>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment