US 11,868,702 B2
Scoped containers using CSS custom properties and color pairs
Kyung Jin Kim, Burnaby (CA); Shelby Hubick, Toronto (CA); Bret Little, San Francisco, CA (US); and Andrew Peterson, Somerville, MA (US)
Assigned to Salesforce, Inc., San Francisco, CA (US)
Filed by salesforce.com, inc., San Francisco, CA (US)
Filed on Oct. 19, 2022, as Appl. No. 18/047,853.
Application 18/047,853 is a continuation of application No. 17/302,860, filed on May 13, 2021, granted, now 11,507,729.
Prior Publication US 2023/0066832 A1, Mar. 2, 2023
This patent is subject to a terminal disclaimer.
Int. Cl. G06F 17/00 (2019.01); G06F 40/117 (2020.01); G06F 40/14 (2020.01); G06F 3/04845 (2022.01); G06F 9/445 (2018.01); G06T 11/00 (2006.01); G06F 8/30 (2018.01); G06F 3/0482 (2013.01)
CPC G06F 40/117 (2020.01) [G06F 3/0482 (2013.01); G06F 3/04845 (2013.01); G06F 8/30 (2013.01); G06F 9/44526 (2013.01); G06F 40/14 (2020.01); G06T 11/001 (2013.01)] 20 Claims
OG exemplary drawing
 
1. A computer-implemented method comprising:
providing, by a computer system, access to a first color scheme and a second color scheme through a user interface of a software application, wherein the first color scheme and the second color scheme each include a foreground color paired with a background color that contrasts the foreground color, and wherein at least one of the foreground color of the first color scheme or the background color of the first color scheme differs from that of the second color scheme;
assigning, by the computer system, the first color scheme to a first section of a webpage based on input at the user interface;
assigning, by the computer system, the second color scheme to a second section of the webpage based on further input at the user interface, wherein the second section is to be displayed as a subsection of the first section; and
generating, by the computer system after assigning the first color scheme and the second color scheme, source code representing the webpage, wherein due to the second section being a subsection of the first section, the source code includes a first container corresponding to the first section and a second container nested within the first container, the first container comprising properties corresponding to the first color scheme, and the second container comprising properties corresponding to the second color scheme.