/* * These styles apply ONLY to the header and footer assets. */ } body:hover { color: #0276b3; } * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */ /* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */ .Panel{ width:250px } .MainContent.Content{ width:calc(100% - 290px); } .Box.Tags{ display:none; } #vanilla_discussion_embed .mcrow{ display:none; } @media screen and (max-width:992px){ .Panel,.MainContent.Content { width:100%!important } } @media only screen and (max-width:700px){ .MainContent center img { width:100% } } .CategoryHeading .ItemContent{ font-size:28px } .Item .TitleWrap .Title { font-size:20px !important; } .Meta-Discussion{ background:#f7f7f7; border:1px solid #efefef; padding:5px; margin:0 } .Header-desktopNav .Navigation-linkContainer a{ font-family:barlow; font-size:16px } .Header-desktopNav .Navigation-linkContainer a:active,.Header-desktopNav .Navigation-linkContainer a:focus,.Header-desktopNav .Navigation-linkContainer a:hover{ background:#231f20; } .Header .MeButton:active,.Header .MeButton:focus,.Header .MeButton:hover{ background-color:#231f20; } .ButtonGroup.Multi>.Button:first-child{ border-radius:0 } .BoxFilter,.BoxCategories{ background:#fff; padding:5px; border:1px solid #ccc; border-radius:10px; margin:20px 0 } .BoxFilter-Heading,.Panel .BoxCategories>h4{ width:auto; padding:5px 10px 10px; margin:0 -5px; border-bottom:1px solid #ccc; border-radius:0; font-family:barlow,sans-serif; } .side-promo{ margin:20px 0; width:100%; text-align:center; } .build-submit-tile,.build-showcase-tile{ margin-top:20px; border:2px solid #d9e7f4; border-radius:10px; background:#fff; padding:15px } .build-showcase-tile-link{ border:1px solid #e2e2e2; background:#f5f5f5; display:block; font-size:16px; text-align:center; padding:5px 10px } .build-submit-tile hr{ border:0; height:0; border-top:1px solid rgba(0,0,0,.1); border-bottom:1px solid rgba(255,255,255,.3); margin:20px 0 15px } .build-submit-tile h4,.build-showcase-tile h4{ color:#353535; line-height:1 } .build-showcase-tile h4{ color:#24883e } .build-submit-tile p,.build-showcase-tile p{ font-weight:600; color:#797676; margin:10px 5px } .build-submit-tile a{ border:1px solid #135d93; padding:5px 10px; width:90%; margin:0 auto; text-align:center; display:block } .build-showcase-tile a:first-child{ } .BoxCategories-Heading a{ font-size:18px } .BoxCategories.BoxCategories ul.FilterMenu li .ItemLink.appointment-btn{ width:92%; padding:5px 10px; margin:10px auto 15px; border-radius:0; display:block; background:#135d93; color:#fff; text-align:center; } .BoxCategories ul{ margin:0 5px } body.Section-Profile .Panel-main .PhotoWrapLarge{ margin-bottom:0 } .Panel{ padding:10px; background:#eee; } .Header{ background-color:#3a3738; } .Header-logo img{ max-height:35px; padding-right:20px } h4{ font-size:24px } .Panel-main h2,.Panel-main h4{ font-size:20px } .Panel h4{ padding:0 } .CategoryHeading,.Item .TitleWrap,.Item .Title,.heading,h1,h2,h3,h4,h5,h6{ font-family:barlow,sans-serif; font-weight:500!important } .DataList .Item .Title,.DataList .MItem a,.BoxCategories.BoxCategories a,.BoxFilter:not(.BoxBestOfFilter) a{ color:#135d93; } .BoxButtons .Button.Primary{ background:#135d93; } .Number{ color:#c74800; } .CategoryHeading,.Item .Title,.Item.Read .Title,.CategoryName h2,.Item .TitleWrap,[aria-level="3"] a{ color:#172b44 } .DataList.CategoryList .CategoryHeading{ padding-top:20px!important } .DataList.CategoryList .CategoryHeading:first-child{ padding-top:0!important } .DataList .CategoryHeading{ font-size:24px } .BoxButtons .Button.Primary,.groupToolbar .Button.Primary{ background:#135d93; border:0; color:#fff } .ButtonGroup.Multi .Button.Handle,.ButtonGroup.Multi.Open .Button.Handle{ background-color:transparent; color:#fff; border:0; border-radius:0 } .Pager .QuickSearchButton,.Pager .QuickSearchWrap .Button{ background:#b3d4fc; border:1px solid #b3d4fc; color:#000; } .build-submit-tile{ border:2px solid #d9e7f4; border-radius:10px; background:#fff; padding:10px 10px 20px } .build-submit-tile hr{ border:0; height:0; border-top:1px solid rgba(0,0,0,.1); border-bottom:1px solid rgba(255,255,255,.3); margin:20px 0 15px } .build-submit-tile h3{ font-size:20px; color:#ca500f; line-height:1 } .build-submit-tile p{ font-weight:600; color:#797676; margin:10px 5px } .build-submit-tile a{ border:1px solid #135d93; padding:5px 10px; width:90%; margin:0 auto; text-align:center; display:block; } .builds-keywords{ border-radius:0 0 8px 8px; margin:-15px; margin-top:15px; background:#efefef; padding:10px 15px 14px; border-top:1px solid #d9e7f4 } .builds-keywords h5{ margin-bottom:7px } .builds-keywords a{ border:0; display:block; padding:2px 5px; width:89%; background:#757575; color:#fff; margin:2px auto; text-align:center; } .builds-keywords a:hover{ background:#135d93; color:#fff; } .BuildPromo-container{ padding:10px; margin-top:20px; border:1px solid #ccc; background:#dadada; } .BuildPromo-container h2{ font-size:24px; color:#983b0a; } .BuildPromo-container h3{ font-size:20px; margin-bottom:10px; color:#525252; } .BuildPromo-container p{ font-weight:700; margin-bottom:20px; text-align:center; color:#0f670b; font-size:14px } .BuildPromo-container a{ font-weight:600; display:block; padding:5px 10px; width:80%; margin:0 auto; text-align:center; color:#135d93; border:1px solid #135d93 } .Panel .UserBox{ background:#fff; padding:10px; border-radius:10px 10px 0 0; border:1px solid #ccc; border-bottom:0 } .Panel .UserBox+.SideMenu{ margin-top:0; border:1px solid #ccc; background:#fff; padding:10px; border-radius:0 0 10px 10px } .Panel .UserBox+.SideMenu li a{ color:#135d93; } a,a:focus,a:hover{ color:#215cbb; } a{ text-decoration:none; color:#215cbb; } .Header-logo.mobile img{ max-height:35px; padding-right:20px } .Header.mobile{ background-color:#666; } .Message.userContent img{ height:auto; max-width:600px; display:block; } .Header-logo img{ max-height:32px } .mcrow{ display:flex; align-items:flex-end; } a.mclogo{ margin: 10px 0; display:block; height:auto; } .mclogo img{ display:block; } ul.mc-menu{ width:100%; margin:auto 0; display:flex; list-style: none; } ul.mc-menu a{ font-size:16px; font-family:barlow; font-weight:500; color:#135d93; } ul.mc-menu li.menu-item a:hover{ color:#0291db; } ul.mc-menu li{ margin-left:15px } ul.mc-menu li.menu-item.menu-computers{ margin-left:auto; } @media only screen and (max-width:700px){ ul.mc-menu li.menu-item.menu-computers { display:none; } } @media only screen and (max-width:480px){ .menu-computer-parts { display:none; } ul.mc-menu li.menu-diy{ margin-left: 7px; } ul.mc-menu li.menu-custom-pc-builder{ margin-left: 7px; } } @media only screen and (max-width:700px){ .Message.userContent img { max-width:calc(100% - 10px); } }

Knowledge Base

How to change the Highlight Color in Mac OS

This article will show how to change the highlight color in Mac OS X. Highlight color refers to the color used when clicking and dragging the mouse over certain words or items. The default highlight color is blue.

1. From the Apple Menu Bar, click the Apple icon generally located in the top left corner and select System Preferences.

Mac OS X El Capitan Home screen, Apple, System Preferences

2. Click on General.

Mac OS X El Capitan System Preferences, General

3. Pick a color selection from the drop down box beside Highlight Color and it will automatically apply the selected color.

Mac OS X El Capitan General, Highlight Color, Choose desired Color